@mattilsynet/design 3.1.18 → 3.2.0

package/mtds/atlas/atlas-element.js

@@ -19,7 +19,7 @@ class r extends g {
   }
   constructor() {
     super(), this.attachShadow({ mode: "open" }).append(m("figure")), C(this, `@layer leaflet{${h}}
-@layer mt.v3-1-18design{${b}`);
+@layer mt.v3-2-0design{${b}`);
   }
   connectedCallback() {
     const t = this.shadowRoot?.lastElementChild, e = a(this, "data-cluster") ?? "false", o = new i.TileLayer(k, {
@@ -41,7 +41,7 @@ class r extends g {
       iconCreateFunction: (s) => new i.DivIcon({
         html: `${s.getChildCount()}`,
         className: "leaflet-cluster-icon",
-        iconSize: [30, 30]
+        iconSize: [40, 40]
       })
     }).addTo(this.map);
     for (const s of r.observedAttributes)

package/mtds/atlas/atlas-element.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas-element.js","sources":["../../designsystem/atlas/atlas-element.ts"],"sourcesContent":["import L from \"leaflet\";\nimport LeafletCSS from \"leaflet/dist/leaflet.css?raw\";\nimport type {} from \"leaflet.markercluster\"; // Extend L namespace\nimport \"./cluster.js\";\nimport {\n\tattachStyle,\n\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\n\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\nexport { L };\n\n// TODO: Add minimum zoom level for adding markers (minimum 17 som standard?)\n// TODO: Add search helper (https://ws.geonorge.no/adresser/v1/openapi.json + https://ws.geonorge.no/adresser/v1/#/default/get_sok)\n// TODO: matgeo-autoload popover info\n\ntype Link = { href: string; rel: string; type: string; title: string };\ntype BBox = [number, number, number, number];\nexport type MTDSAtlasCollections = Record<string, MTDSAtlasCollection>;\nexport type MTDSAtlasCollection = {\n\tcrs: string[];\n\tdescription: string;\n\textent: { spatial: { bbox: BBox[] } };\n\tgeometry: string;\n\tid: string;\n\titemType: string;\n\tlinks: Link[];\n\ttitle: string;\n};\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas\": MTDSAtlasElement;\n\t}\n\n\tinterface Window {\n\t\t_matgeoCollections?: Promise<MTDSAtlasCollections>;\n\t}\n}\n\nlet SKIP_CLICK: number | NodeJS.Timeout = 0;\nconst KARTVERKET_MAX_ZOOM = 18; // Kartverket does not support more than zoom level 18\nconst KARTVERKET_TILES_URL =\n\t\"https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png\";\nexport const MATGEO_URL =\n\t\"https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections\";\nconst BOUNDS_NORWAY: L.LatLngBoundsLiteral = [\n\t[57.5, 4.73],\n\t[71.5, 31.44],\n];\n\nexport class MTDSAtlasElement extends MTDSElement {\n\tcluster?: L.MarkerClusterGroup;\n\tmap?: L.Map;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"data-view\", \"data-scrollzoom\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" }).append(tag(\"figure\"));\n\t\tattachStyle(this, `@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`);\n\t}\n\tconnectedCallback() {\n\t\tconst container = this.shadowRoot?.lastElementChild as HTMLElement;\n\t\tconst cluster = attr(this, \"data-cluster\") ?? \"false\";\n\t\tconst tiles = new L.TileLayer(KARTVERKET_TILES_URL, {\n\t\t\tattribution: \"&copy; Kartverket\",\n\t\t\tclassName: \"leaflet-kartverket-tiles\",\n\t\t\tmaxZoom: KARTVERKET_MAX_ZOOM,\n\t\t});\n\n\t\tthis.map = new L.Map(container, {\n\t\t\tattributionControl: false,\n\t\t\tfadeAnimation: false, // Prevent popup fades\n\t\t\tlayers: [tiles],\n\t\t\tzoomControl: false,\n\t\t\tzoomSnap: 0.2,\n\t\t});\n\n\t\ton(this, \"pointerup click\", this.#skipClick); // Prevent clicks from bubbling up unless sent from Leaflet\n\t\tthis.map.addControl(new L.Control.Attribution({ prefix: \"\" }));\n\t\tthis.map.addControl(new L.Control.Zoom({ position: \"bottomright\" }));\n\t\tthis.map.on(\"popupopen popupclose\", this.#handlePopup, this);\n\t\tthis.cluster = new L.MarkerClusterGroup({\n\t\t\tzoomToBoundsOnClick: true,\n\t\t\tshowCoverageOnHover: false,\n\t\t\tdisableClusteringAtZoom:\n\t\t\t\tcluster === \"false\" ? 1 : Number(cluster) || KARTVERKET_MAX_ZOOM + 1,\n\t\t\ticonCreateFunction: (cluster: L.MarkerCluster) =>\n\t\t\t\tnew L.DivIcon({\n\t\t\t\t\thtml: `${cluster.getChildCount()}`,\n\t\t\t\t\tclassName: \"leaflet-cluster-icon\",\n\t\t\t\t\ticonSize: [30, 30],\n\t\t\t\t}),\n\t\t}).addTo(this.map);\n\n\t\t// Initial setup attributes\n\t\tfor (const name of MTDSAtlasElement.observedAttributes)\n\t\t\tthis.attributeChangedCallback(name, null, attr(this, name));\n\t}\n\tattributeChangedCallback(name: string, _prev?: null, next?: string | null) {\n\t\tif (name === \"data-view\") this.setView(next || \"\");\n\t\tif (name === \"data-scrollzoom\")\n\t\t\tthis.map?.scrollWheelZoom[next === \"false\" ? \"disable\" : \"enable\"]();\n\t}\n\tsetView(view: string | number[], opts?: L.FitBoundsOptions) {\n\t\tconst p = `${view}`.split(\",\").map(parseFloat).filter(Number.isFinite);\n\t\tconst b = this.cluster?.getBounds();\n\n\t\tif (p.length === 3) return this.map?.setView([p[0], p[1]], p[2], opts);\n\t\tif (view !== \"fit\") return this.map?.fitBounds(BOUNDS_NORWAY, opts);\n\t\tif (b?.isValid()) return this.map?.fitBounds(b.pad(0.1), opts);\n\t\tthis.cluster?.once(\"layeradd\", () => {\n\t\t\tsetTimeout(() => this.setView(\"fit\"), 50); // Add all markers before fitting\n\t\t});\n\t}\n\tlatLngFromPoint(x: number, y: number) {\n\t\t// @ts-expect-error -- Missing from Leaflet@2.0.0-alpha.1 types\n\t\treturn this.map?.pointerEventToLatLng({ clientX: x, clientY: y });\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"pointerup click\", this.#skipClick);\n\t\tthis.map?.remove();\n\t\tthis.map = this.cluster = undefined;\n\t}\n\tasync getCollections() {\n\t\tif (!window._matgeoCollections)\n\t\t\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t\t\t.then((res) => res.json())\n\t\t\t\t.then((d) => d.collections.map((c: MTDSAtlasCollection) => [c.id, c]))\n\t\t\t\t.then(Object.fromEntries);\n\t\treturn window._matgeoCollections;\n\t}\n\t#handlePopup({ type, popup }: { type: string; popup: L.Popup }) {\n\t\tconst open = type === \"popupopen\";\n\t\tconst cont = popup.getElement()?.querySelector(\".leaflet-popup-content\");\n\t\tconst slot = cont?.querySelector<HTMLSlotElement>(\":scope > slot\");\n\t\tconst id = cont?.textContent?.match(/^#(\\S+)/)?.[1] || \"\";\n\t\tconst el = document.getElementById(slot?.name || id); // If content of popup is #id, replace with <slot>\n\n\t\tif (!el) return open && id && popup.close(); // Close popup if target element not found\n\t\tL.Util.setOptions(popup, { maxWidth: this.offsetWidth - 40 });\n\t\tattr(el, \"data-popover\", open ? attr(el, \"popover\") : null); // Store previous popover mode\n\t\tattr(el, \"popover\", open ? null : attr(el, \"data-popover\")); // But temporarily remove it so popover renders\n\t\tattr(el, \"slot\", open ? el.id : null); // Render popover in slot\n\t\tif (open) popup.setContent(tag(\"slot\", { name: el.id }));\n\t}\n\t#skipClick(event: Partial<MouseEvent>) {\n\t\tif (event.type === \"click\") SKIP_CLICK && event.stopPropagation?.();\n\t\telse if (document.body.classList.contains(\"leaflet-dragging\"))\n\t\t\tSKIP_CLICK = setTimeout(() => {\n\t\t\t\tSKIP_CLICK = 0;\n\t\t\t}, 50); // Was dragging, so skip succeeding click\n\t}\n}\n\ndefineElement(\"mtds-atlas\", MTDSAtlasElement);\n\nif (isBrowser())\n\tL.Marker.prototype.options.icon = new L.DivIcon({\n\t\thtml: '<div class=\"leaflet-marker-generated-slot\"><div class=\"leaflet-marker-generated-icon\"></div></div>',\n\t\ticonSize: [0, 0],\n\t});\n"],"names":["SKIP_CLICK","KARTVERKET_MAX_ZOOM","KARTVERKET_TILES_URL","MATGEO_URL","BOUNDS_NORWAY","MTDSAtlasElement","MTDSElement","tag","attachStyle","LeafletCSS","css","container","cluster","attr","tiles","L","on","#skipClick","#handlePopup","name","_prev","next","view","opts","p","b","x","y","off","res","d","c","type","popup","open","cont","slot","id","el","event","defineElement","isBrowser"],"mappings":"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"}
+{"version":3,"file":"atlas-element.js","sources":["../../designsystem/atlas/atlas-element.ts"],"sourcesContent":["import L from \"leaflet\";\nimport LeafletCSS from \"leaflet/dist/leaflet.css?raw\";\nimport type {} from \"leaflet.markercluster\"; // Extend L namespace\nimport \"./cluster.js\";\nimport {\n\tattachStyle,\n\tattr,\n\tdefineElement,\n\tisBrowser,\n\tMTDSElement,\n\toff,\n\ton,\n\ttag,\n} from \"../utils\";\nimport css from \"./atlas.css?raw\";\n\nexport { MTDSAtlasMarkerElement } from \"./atlas-marker\";\nexport { MTDSAtlasMatgeoElement } from \"./atlas-matgeo\";\nexport { MTDSAtlasWMSElement } from \"./atlas-wms\";\nexport { L };\n\n// TODO: Add minimum zoom level for adding markers (minimum 17 som standard?)\n// TODO: Add search helper (https://ws.geonorge.no/adresser/v1/openapi.json + https://ws.geonorge.no/adresser/v1/#/default/get_sok)\n// TODO: matgeo-autoload popover info\n\ntype Link = { href: string; rel: string; type: string; title: string };\ntype BBox = [number, number, number, number];\nexport type MTDSAtlasCollections = Record<string, MTDSAtlasCollection>;\nexport type MTDSAtlasCollection = {\n\tcrs: string[];\n\tdescription: string;\n\textent: { spatial: { bbox: BBox[] } };\n\tgeometry: string;\n\tid: string;\n\titemType: string;\n\tlinks: Link[];\n\ttitle: string;\n};\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas\": MTDSAtlasElement;\n\t}\n\n\tinterface Window {\n\t\t_matgeoCollections?: Promise<MTDSAtlasCollections>;\n\t}\n}\n\nlet SKIP_CLICK: number | NodeJS.Timeout = 0;\nconst KARTVERKET_MAX_ZOOM = 18; // Kartverket does not support more than zoom level 18\nconst KARTVERKET_TILES_URL =\n\t\"https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png\";\nexport const MATGEO_URL =\n\t\"https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections\";\nconst BOUNDS_NORWAY: L.LatLngBoundsLiteral = [\n\t[57.5, 4.73],\n\t[71.5, 31.44],\n];\n\nexport class MTDSAtlasElement extends MTDSElement {\n\tcluster?: L.MarkerClusterGroup;\n\tmap?: L.Map;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"data-view\", \"data-scrollzoom\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.attachShadow({ mode: \"open\" }).append(tag(\"figure\"));\n\t\tattachStyle(this, `@layer leaflet{${LeafletCSS}}\\n@layer mt.design{${css}`);\n\t}\n\tconnectedCallback() {\n\t\tconst container = this.shadowRoot?.lastElementChild as HTMLElement;\n\t\tconst cluster = attr(this, \"data-cluster\") ?? \"false\";\n\t\tconst tiles = new L.TileLayer(KARTVERKET_TILES_URL, {\n\t\t\tattribution: \"&copy; Kartverket\",\n\t\t\tclassName: \"leaflet-kartverket-tiles\",\n\t\t\tmaxZoom: KARTVERKET_MAX_ZOOM,\n\t\t});\n\n\t\tthis.map = new L.Map(container, {\n\t\t\tattributionControl: false,\n\t\t\tfadeAnimation: false, // Prevent popup fades\n\t\t\tlayers: [tiles],\n\t\t\tzoomControl: false,\n\t\t\tzoomSnap: 0.2,\n\t\t});\n\n\t\ton(this, \"pointerup click\", this.#skipClick); // Prevent clicks from bubbling up unless sent from Leaflet\n\t\tthis.map.addControl(new L.Control.Attribution({ prefix: \"\" }));\n\t\tthis.map.addControl(new L.Control.Zoom({ position: \"bottomright\" }));\n\t\tthis.map.on(\"popupopen popupclose\", this.#handlePopup, this);\n\t\tthis.cluster = new L.MarkerClusterGroup({\n\t\t\tzoomToBoundsOnClick: true,\n\t\t\tshowCoverageOnHover: false,\n\t\t\tdisableClusteringAtZoom:\n\t\t\t\tcluster === \"false\" ? 1 : Number(cluster) || KARTVERKET_MAX_ZOOM + 1,\n\t\t\ticonCreateFunction: (cluster: L.MarkerCluster) =>\n\t\t\t\tnew L.DivIcon({\n\t\t\t\t\thtml: `${cluster.getChildCount()}`,\n\t\t\t\t\tclassName: \"leaflet-cluster-icon\",\n\t\t\t\t\ticonSize: [40, 40],\n\t\t\t\t}),\n\t\t}).addTo(this.map);\n\n\t\t// Initial setup attributes\n\t\tfor (const name of MTDSAtlasElement.observedAttributes)\n\t\t\tthis.attributeChangedCallback(name, null, attr(this, name));\n\t}\n\tattributeChangedCallback(name: string, _prev?: null, next?: string | null) {\n\t\tif (name === \"data-view\") this.setView(next || \"\");\n\t\tif (name === \"data-scrollzoom\")\n\t\t\tthis.map?.scrollWheelZoom[next === \"false\" ? \"disable\" : \"enable\"]();\n\t}\n\tsetView(view: string | number[], opts?: L.FitBoundsOptions) {\n\t\tconst p = `${view}`.split(\",\").map(parseFloat).filter(Number.isFinite);\n\t\tconst b = this.cluster?.getBounds();\n\n\t\tif (p.length === 3) return this.map?.setView([p[0], p[1]], p[2], opts);\n\t\tif (view !== \"fit\") return this.map?.fitBounds(BOUNDS_NORWAY, opts);\n\t\tif (b?.isValid()) return this.map?.fitBounds(b.pad(0.1), opts);\n\t\tthis.cluster?.once(\"layeradd\", () => {\n\t\t\tsetTimeout(() => this.setView(\"fit\"), 50); // Add all markers before fitting\n\t\t});\n\t}\n\tlatLngFromPoint(x: number, y: number) {\n\t\t// @ts-expect-error -- Missing from Leaflet@2.0.0-alpha.1 types\n\t\treturn this.map?.pointerEventToLatLng({ clientX: x, clientY: y });\n\t}\n\tdisconnectedCallback() {\n\t\toff(this, \"pointerup click\", this.#skipClick);\n\t\tthis.map?.remove();\n\t\tthis.map = this.cluster = undefined;\n\t}\n\tasync getCollections() {\n\t\tif (!window._matgeoCollections)\n\t\t\twindow._matgeoCollections = fetch(MATGEO_URL)\n\t\t\t\t.then((res) => res.json())\n\t\t\t\t.then((d) => d.collections.map((c: MTDSAtlasCollection) => [c.id, c]))\n\t\t\t\t.then(Object.fromEntries);\n\t\treturn window._matgeoCollections;\n\t}\n\t#handlePopup({ type, popup }: { type: string; popup: L.Popup }) {\n\t\tconst open = type === \"popupopen\";\n\t\tconst cont = popup.getElement()?.querySelector(\".leaflet-popup-content\");\n\t\tconst slot = cont?.querySelector<HTMLSlotElement>(\":scope > slot\");\n\t\tconst id = cont?.textContent?.match(/^#(\\S+)/)?.[1] || \"\";\n\t\tconst el = document.getElementById(slot?.name || id); // If content of popup is #id, replace with <slot>\n\n\t\tif (!el) return open && id && popup.close(); // Close popup if target element not found\n\t\tL.Util.setOptions(popup, { maxWidth: this.offsetWidth - 40 });\n\t\tattr(el, \"data-popover\", open ? attr(el, \"popover\") : null); // Store previous popover mode\n\t\tattr(el, \"popover\", open ? null : attr(el, \"data-popover\")); // But temporarily remove it so popover renders\n\t\tattr(el, \"slot\", open ? el.id : null); // Render popover in slot\n\t\tif (open) popup.setContent(tag(\"slot\", { name: el.id }));\n\t}\n\t#skipClick(event: Partial<MouseEvent>) {\n\t\tif (event.type === \"click\") SKIP_CLICK && event.stopPropagation?.();\n\t\telse if (document.body.classList.contains(\"leaflet-dragging\"))\n\t\t\tSKIP_CLICK = setTimeout(() => {\n\t\t\t\tSKIP_CLICK = 0;\n\t\t\t}, 50); // Was dragging, so skip succeeding click\n\t}\n}\n\ndefineElement(\"mtds-atlas\", MTDSAtlasElement);\n\nif (isBrowser())\n\tL.Marker.prototype.options.icon = new L.DivIcon({\n\t\thtml: '<div class=\"leaflet-marker-generated-slot\"><div class=\"leaflet-marker-generated-icon\"></div></div>',\n\t\ticonSize: [0, 0],\n\t});\n"],"names":["SKIP_CLICK","KARTVERKET_MAX_ZOOM","KARTVERKET_TILES_URL","MATGEO_URL","BOUNDS_NORWAY","MTDSAtlasElement","MTDSElement","tag","attachStyle","LeafletCSS","css","container","cluster","attr","tiles","L","on","#skipClick","#handlePopup","name","_prev","next","view","opts","p","b","x","y","off","res","d","c","type","popup","open","cont","slot","id","el","event","defineElement","isBrowser"],"mappings":"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"}

package/mtds/atlas/atlas.css.js

@@ -4,14 +4,16 @@ const t = `/**
  * - This file is using --mtds- not --mtds- since we're inside shadow dom
  */	
  
+::slotted([data-color]),  /* Ensure data-color is respected */
 :host {
 	--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);
 	--mtdsc-atlas-cluster-border: 1px solid;
-	--mtdsc-atlas-marker-background: #116e6b;
+	--mtdsc-atlas-marker-background: var(--mtds-color-base-default);
+	--mtdsc-atlas-marker-background-outer: #fff;
 	--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);
 	--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);
 	--mtdsc-atlas-marker-border: none;
-	--mtdsc-atlas-marker-color: #fff;
+	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);
 	--mtdsc-atlas-marker-inset: 3px;
 	--mtdsc-atlas-marker-shadow-blur: 4px;
 	--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);
@@ -19,7 +21,8 @@ const t = `/**
 	--mtdsc-atlas-marker-size: var(--mtds-6);
 	--mtdsc-atlas-tile-background: #f7fcfc;
 	--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */
-
+}
+:host {
 	border-radius: var(--mtds-border-radius-md);
 	aspect-ratio: 2;
 	overflow: clip;
@@ -88,7 +91,7 @@ const t = `/**
 ::slotted(mtds-atlas-marker)::after {
 	box-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);
 	aspect-ratio: 1;
-	background: var(--mtdsc-atlas-marker-color);
+	background: var(--mtdsc-atlas-marker-background-outer);
 	color: var(--mtdsc-atlas-marker-background);
 	border-radius: 50% 50% 0 50%;
 	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */
@@ -99,10 +102,7 @@ const t = `/**
 	inset: calc(var(--mtdsc-atlas-marker-inset) * -1);
 	z-index: -1;
 }
-::slotted(mtds-atlas-marker[data-color]) {
-	--mtdsc-atlas-marker-background: var(--mtds-color-base-default); /* Ensure data-color is respected */
-	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);
-}
+
 ::slotted(mtds-atlas-marker.leaflet-drag-target) {
 	cursor: grabbing;
 }
@@ -116,7 +116,7 @@ const t = `/**
 	border-radius: 100%;
 	border: var(--mtdsc-atlas-cluster-border);
 	box-sizing: border-box;
-	outline: 1px solid var(--mtdsc-atlas-cluster-background);
+	outline: 2px solid var(--mtdsc-atlas-cluster-background);
 	color: var(--mtdsc-atlas-cluster-color);
 	display: flex;
 	font-size: var(--mtds-body-xs-font-size);

package/mtds/atlas/atlas.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"atlas.css.js","sources":["../../designsystem/atlas/atlas.css?raw"],"sourcesContent":["export default \"/**\\n * NOTE:\\n * - Dark mode styles are in styles.module.css to leverage data-color-scheme attribute\\n * - This file is using --mtds- not --mtds- since we're inside shadow dom\\n */\\t\\n \\n:host {\\n\\t--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\\n\\t--mtdsc-atlas-cluster-border: 1px solid;\\n\\t--mtdsc-atlas-marker-background: #116e6b;\\n\\t--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);\\n\\t--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);\\n\\t--mtdsc-atlas-marker-border: none;\\n\\t--mtdsc-atlas-marker-color: #fff;\\n\\t--mtdsc-atlas-marker-inset: 3px;\\n\\t--mtdsc-atlas-marker-shadow-blur: 4px;\\n\\t--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);\\n\\t--mtdsc-atlas-marker-shadow-offset: 2px;\\n\\t--mtdsc-atlas-marker-size: var(--mtds-6);\\n\\t--mtdsc-atlas-tile-background: #f7fcfc;\\n\\t--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */\\n\\n\\tborder-radius: var(--mtds-border-radius-md);\\n\\taspect-ratio: 2;\\n\\toverflow: clip;\\n\\tposition: relative;\\n}\\n:host(:not([hidden])) { display: block }\\n:host([data-cursor=\\\"pointer\\\"]) .leaflet-grab { cursor: pointer }\\n\\n/* Focus */\\n.leaflet-control-zoom a:focus-visible,\\n:host:has(.leaflet-container:focus-visible),\\n::slotted(mtds-atlas-marker:focus-visible) {\\n\\tbox-shadow: var(--mtdsc-focus-boxShadow);\\n\\toutline: var(--mtdsc-focus-outline);\\n\\toutline-offset: var(--mtds-border-width-focus);\\n}\\n\\n/* Tiles */\\n.leaflet-kartverket-tiles { filter: var(--mtdsc-atlas-tile-filter); transition: filter 0.5s }\\n.leaflet-container {\\n\\tbackground: var(--mtdsc-atlas-tile-background);\\n\\tborder-radius: inherit;\\n\\tborder: var(--mtdsc-atlas-border);\\n\\tbox-sizing: border-box;\\n\\tfont: inherit;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\toutline: 0;\\n\\tposition: relative;\\n\\tz-index: 1; /* Ensure <slot> is always on top */\\n}\\n:host([data-tiles=\\\"color\\\"]) {\\n\\t--mtdsc-atlas-tile-background: #e5fcfd;\\n\\t--mtdsc-atlas-tile-filter: grayscale(0.2);\\n}\\n\\n/* Controls */\\n.leaflet-control-attribution { font-size: 12px; border-top-left-radius: var(--mtds-border-radius-md) }\\n.leaflet-control-zoom { border-radius: var(--mtds-border-radius-md); border: 1px solid var(--mtds-color-border-default) }\\n.leaflet-control-zoom a { background: var(--mtds-color-surface-default); border-color: inherit; color: var(--mtds-color-text-default); height: var(--mtds-10); line-height: var(--mtds-10); transition: 0.2s; width: var(--mtds-10) }\\n.leaflet-control-zoom a:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }\\n.leaflet-control-zoom a:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit }\\n.leaflet-control-zoom a:hover { background: var(--mtds-color-surface-hover) }\\n.leaflet-control-zoom a:active { background: var(--mtds-color-surface-active) }\\n\\n/* Markers */\\n.leaflet-marker-generated-icon,\\n::slotted(mtds-atlas-marker) {\\n\\tall: unset;\\n\\tcolor: var(--mtdsc-atlas-marker-color);\\n\\tbackground: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 100%;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tdisplay: grid;\\n\\tplace-items: center;\\n\\tplace-content: center;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\theight: var(--mtdsc-atlas-marker-size);\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tmargin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\\n\\twidth: var(--mtdsc-atlas-marker-size);\\n}\\n.leaflet-marker-generated-icon::after,\\n::slotted(mtds-atlas-marker)::after {\\n\\tbox-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\taspect-ratio: 1;\\n\\tbackground: var(--mtdsc-atlas-marker-color);\\n\\tcolor: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 50% 50% 0 50%;\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tborder: var(--mtdsc-atlas-marker-border)!important;\\n\\tcontent: \\\"\\\";\\n\\trotate: 45deg;\\n\\tposition: absolute;\\n\\tinset: calc(var(--mtdsc-atlas-marker-inset) * -1);\\n\\tz-index: -1;\\n}\\n::slotted(mtds-atlas-marker[data-color]) {\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default); /* Ensure data-color is respected */\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n}\\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\\n\\tcursor: grabbing;\\n}\\n\\n.leaflet-marker-generated-slot,\\n.leaflet-marker-icon slot { display: block; position: absolute; left: 0; top: 0; translate: -50% -100% }\\n.leaflet-marker-icon { background: none; border: 0 }\\n.leaflet-cluster-icon {\\n\\tbox-shadow: 0 var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\tbackground-color: var(--mtdsc-atlas-cluster-background);\\n\\tborder-radius: 100%;\\n\\tborder: var(--mtdsc-atlas-cluster-border);\\n\\tbox-sizing: border-box;\\n\\toutline: 1px solid var(--mtdsc-atlas-cluster-background);\\n\\tcolor: var(--mtdsc-atlas-cluster-color);\\n\\tdisplay: flex;\\n\\tfont-size: var(--mtds-body-xs-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\tplace-content: center;\\n\\tplace-items: center;\\n}\\n\\n/* Popover */\\n.leaflet-popup:has(slot) .leaflet-popup-tip { background: var(--mtds-color-surface-default) }\\n.leaflet-popup:has(slot) .leaflet-popup-close-button { display: none } /* Popup closes on clicking marker anyway */\\n.leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */\\n.leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }\\n\\n\""],"names":["css"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"atlas.css.js","sources":["../../designsystem/atlas/atlas.css?raw"],"sourcesContent":["export default \"/**\\n * NOTE:\\n * - Dark mode styles are in styles.module.css to leverage data-color-scheme attribute\\n * - This file is using --mtds- not --mtds- since we're inside shadow dom\\n */\\t\\n \\n::slotted([data-color]),  /* Ensure data-color is respected */\\n:host {\\n\\t--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);\\n\\t--mtdsc-atlas-cluster-border: 1px solid;\\n\\t--mtdsc-atlas-marker-background: var(--mtds-color-base-default);\\n\\t--mtdsc-atlas-marker-background-outer: #fff;\\n\\t--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);\\n\\t--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);\\n\\t--mtdsc-atlas-marker-border: none;\\n\\t--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);\\n\\t--mtdsc-atlas-marker-inset: 3px;\\n\\t--mtdsc-atlas-marker-shadow-blur: 4px;\\n\\t--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);\\n\\t--mtdsc-atlas-marker-shadow-offset: 2px;\\n\\t--mtdsc-atlas-marker-size: var(--mtds-6);\\n\\t--mtdsc-atlas-tile-background: #f7fcfc;\\n\\t--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */\\n}\\n:host {\\n\\tborder-radius: var(--mtds-border-radius-md);\\n\\taspect-ratio: 2;\\n\\toverflow: clip;\\n\\tposition: relative;\\n}\\n:host(:not([hidden])) { display: block }\\n:host([data-cursor=\\\"pointer\\\"]) .leaflet-grab { cursor: pointer }\\n\\n/* Focus */\\n.leaflet-control-zoom a:focus-visible,\\n:host:has(.leaflet-container:focus-visible),\\n::slotted(mtds-atlas-marker:focus-visible) {\\n\\tbox-shadow: var(--mtdsc-focus-boxShadow);\\n\\toutline: var(--mtdsc-focus-outline);\\n\\toutline-offset: var(--mtds-border-width-focus);\\n}\\n\\n/* Tiles */\\n.leaflet-kartverket-tiles { filter: var(--mtdsc-atlas-tile-filter); transition: filter 0.5s }\\n.leaflet-container {\\n\\tbackground: var(--mtdsc-atlas-tile-background);\\n\\tborder-radius: inherit;\\n\\tborder: var(--mtdsc-atlas-border);\\n\\tbox-sizing: border-box;\\n\\tfont: inherit;\\n\\theight: 100%;\\n\\tmargin: 0;\\n\\toutline: 0;\\n\\tposition: relative;\\n\\tz-index: 1; /* Ensure <slot> is always on top */\\n}\\n:host([data-tiles=\\\"color\\\"]) {\\n\\t--mtdsc-atlas-tile-background: #e5fcfd;\\n\\t--mtdsc-atlas-tile-filter: grayscale(0.2);\\n}\\n\\n/* Controls */\\n.leaflet-control-attribution { font-size: 12px; border-top-left-radius: var(--mtds-border-radius-md) }\\n.leaflet-control-zoom { border-radius: var(--mtds-border-radius-md); border: 1px solid var(--mtds-color-border-default) }\\n.leaflet-control-zoom a { background: var(--mtds-color-surface-default); border-color: inherit; color: var(--mtds-color-text-default); height: var(--mtds-10); line-height: var(--mtds-10); transition: 0.2s; width: var(--mtds-10) }\\n.leaflet-control-zoom a:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit }\\n.leaflet-control-zoom a:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit }\\n.leaflet-control-zoom a:hover { background: var(--mtds-color-surface-hover) }\\n.leaflet-control-zoom a:active { background: var(--mtds-color-surface-active) }\\n\\n/* Markers */\\n.leaflet-marker-generated-icon,\\n::slotted(mtds-atlas-marker) {\\n\\tall: unset;\\n\\tcolor: var(--mtdsc-atlas-marker-color);\\n\\tbackground: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 100%;\\n\\tbox-sizing: border-box;\\n\\tcursor: pointer;\\n\\tdisplay: grid;\\n\\tplace-items: center;\\n\\tplace-content: center;\\n\\tfont-size: var(--mtds-body-sm-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\theight: var(--mtdsc-atlas-marker-size);\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tmargin-bottom: calc(var(--mtdsc-atlas-marker-size) * .25 + var(--mtdsc-atlas-marker-inset))!important;\\n\\twidth: var(--mtdsc-atlas-marker-size);\\n}\\n.leaflet-marker-generated-icon::after,\\n::slotted(mtds-atlas-marker)::after {\\n\\tbox-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\taspect-ratio: 1;\\n\\tbackground: var(--mtdsc-atlas-marker-background-outer);\\n\\tcolor: var(--mtdsc-atlas-marker-background);\\n\\tborder-radius: 50% 50% 0 50%;\\n\\t/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */\\n\\tborder: var(--mtdsc-atlas-marker-border)!important;\\n\\tcontent: \\\"\\\";\\n\\trotate: 45deg;\\n\\tposition: absolute;\\n\\tinset: calc(var(--mtdsc-atlas-marker-inset) * -1);\\n\\tz-index: -1;\\n}\\n\\n::slotted(mtds-atlas-marker.leaflet-drag-target) {\\n\\tcursor: grabbing;\\n}\\n\\n.leaflet-marker-generated-slot,\\n.leaflet-marker-icon slot { display: block; position: absolute; left: 0; top: 0; translate: -50% -100% }\\n.leaflet-marker-icon { background: none; border: 0 }\\n.leaflet-cluster-icon {\\n\\tbox-shadow: 0 var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);\\n\\tbackground-color: var(--mtdsc-atlas-cluster-background);\\n\\tborder-radius: 100%;\\n\\tborder: var(--mtdsc-atlas-cluster-border);\\n\\tbox-sizing: border-box;\\n\\toutline: 2px solid var(--mtdsc-atlas-cluster-background);\\n\\tcolor: var(--mtdsc-atlas-cluster-color);\\n\\tdisplay: flex;\\n\\tfont-size: var(--mtds-body-xs-font-size);\\n\\tfont-weight: var(--mtds-font-weight-bold);\\n\\tplace-content: center;\\n\\tplace-items: center;\\n}\\n\\n/* Popover */\\n.leaflet-popup:has(slot) .leaflet-popup-tip { background: var(--mtds-color-surface-default) }\\n.leaflet-popup:has(slot) .leaflet-popup-close-button { display: none } /* Popup closes on clicking marker anyway */\\n.leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */\\n.leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }\\n\\n\""],"names":["css"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/mtds/atlas.iife.js

@@ -606,14 +606,16 @@ path.leaflet-interactive:focus:not(:focus-visible) {
  * - This file is using --mtds- not --mtds- since we're inside shadow dom
  */	
  
+::slotted([data-color]),  /* Ensure data-color is respected */
 :host {
 	--mtdsc-atlas-border: 1px solid var(--mtds-color-border-subtle);
 	--mtdsc-atlas-cluster-border: 1px solid;
-	--mtdsc-atlas-marker-background: #116e6b;
+	--mtdsc-atlas-marker-background: var(--mtds-color-base-default);
+	--mtdsc-atlas-marker-background-outer: #fff;
 	--mtdsc-atlas-cluster-background: var(--mtdsc-atlas-marker-background);
 	--mtdsc-atlas-cluster-color: var(--mtdsc-atlas-marker-color);
 	--mtdsc-atlas-marker-border: none;
-	--mtdsc-atlas-marker-color: #fff;
+	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);
 	--mtdsc-atlas-marker-inset: 3px;
 	--mtdsc-atlas-marker-shadow-blur: 4px;
 	--mtdsc-atlas-marker-shadow-color: rgba(0  0 0 / 0.5);
@@ -621,7 +623,8 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 	--mtdsc-atlas-marker-size: var(--mtds-6);
 	--mtdsc-atlas-tile-background: #f7fcfc;
 	--mtdsc-atlas-tile-filter: grayscale(.8) contrast(0.75) brightness(1.15); /* Also in styles.module.css */
-
+}
+:host {
 	border-radius: var(--mtds-border-radius-md);
 	aspect-ratio: 2;
 	overflow: clip;
@@ -690,7 +693,7 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 ::slotted(mtds-atlas-marker)::after {
 	box-shadow: var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-offset) var(--mtdsc-atlas-marker-shadow-blur) var(--mtdsc-atlas-marker-shadow-color);
 	aspect-ratio: 1;
-	background: var(--mtdsc-atlas-marker-color);
+	background: var(--mtdsc-atlas-marker-background-outer);
 	color: var(--mtdsc-atlas-marker-background);
 	border-radius: 50% 50% 0 50%;
 	/* biome-ignore lint/complexity/noImportantStyles: Overwrite Tailwind */
@@ -701,10 +704,7 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 	inset: calc(var(--mtdsc-atlas-marker-inset) * -1);
 	z-index: -1;
 }
-::slotted(mtds-atlas-marker[data-color]) {
-	--mtdsc-atlas-marker-background: var(--mtds-color-base-default); /* Ensure data-color is respected */
-	--mtdsc-atlas-marker-color: var(--mtds-color-base-contrast-default);
-}
+
 ::slotted(mtds-atlas-marker.leaflet-drag-target) {
 	cursor: grabbing;
 }
@@ -718,7 +718,7 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 	border-radius: 100%;
 	border: var(--mtdsc-atlas-cluster-border);
 	box-sizing: border-box;
-	outline: 1px solid var(--mtdsc-atlas-cluster-background);
+	outline: 2px solid var(--mtdsc-atlas-cluster-background);
 	color: var(--mtdsc-atlas-cluster-color);
 	display: flex;
 	font-size: var(--mtds-body-xs-font-size);
@@ -734,4 +734,4 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 .leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }
 
 `;let nn=0;class sn extends ue{atlas;marker;static get observedAttributes(){return["hidden","draggable","data-latlng","popovertarget"]}connectedCallback(){queueMicrotask(()=>{const t=ce("slot",{name:`${++nn}`}),e=new _.DivIcon({html:t,iconSize:[0,0]});this.atlas=this.closest("mtds-atlas")||void 0,this.marker=new _.Marker(this.#e(),{draggable:this.draggable,keyboard:!1,icon:e}),this.marker.bindPopup(()=>`#${A(this,"popovertarget")}`),this.marker.on("dragend",this.#t),en(this,"click keydown",this),A(this,"slot",`${nn}`),A(this,"role","button"),A(this,"tabindex","0"),this.attributeChangedCallback("hidden")})}attributeChangedCallback(t){const e=this.marker,i=this.atlas?.cluster;if(t==="popovertarget"&&e?.getPopup()?.update(),t==="data-latlng"){const s=this.#e();e?.getLatLng().equals(s)||e?.setLatLng(s)}t==="draggable"&&e?.dragging?.[this.draggable?"enable":"disable"](),t==="hidden"&&e&&i&&i[this.hidden?"removeLayer":"addLayer"](e)}disconnectedCallback(){Ve(this,"click keydown",this),this.marker?.unbindPopup().off("dragend",this.#t).remove(),this.marker=this.atlas=void 0}handleEvent(t){if(t.type==="click")return this.marker?.fire("click");t.key===" "&&t.preventDefault(),(t.key===" "||t.key==="Enter")&&this.click()}get latlng(){return A(this,"data-latlng")||""}set latlng(t){A(this,"data-latlng",t)}#e(){return this.latlng?.split(",").map(parseFloat)}#t(t){const i=t.target._icon?.firstElementChild?.assignedElements?.()?.[0],{lat:s,lng:o}=t.target.getLatLng();i&&(i.latlng=`${s},${o}`),i?.dispatchEvent(new CustomEvent("dragend",{detail:t,bubbles:!0}))}}pe("mtds-atlas-marker",sn);const lt=11102230246251565e-32,R=134217729,es=(3+8*lt)*lt;function Ke(n,t,e,i,s){let o,r,a,l,h=t[0],d=i[0],c=0,u=0;d>h==d>-h?(o=h,h=t[++c]):(o=d,d=i[++u]);let p=0;if(c<n&&u<e)for(d>h==d>-h?(r=h+o,a=o-(r-h),h=t[++c]):(r=d+o,a=o-(r-d),d=i[++u]),o=r,a!==0&&(s[p++]=a);c<n&&u<e;)d>h==d>-h?(r=o+h,l=r-o,a=o-(r-l)+(h-l),h=t[++c]):(r=o+d,l=r-o,a=o-(r-l)+(d-l),d=i[++u]),o=r,a!==0&&(s[p++]=a);for(;c<n;)r=o+h,l=r-o,a=o-(r-l)+(h-l),h=t[++c],o=r,a!==0&&(s[p++]=a);for(;u<e;)r=o+d,l=r-o,a=o-(r-l)+(d-l),d=i[++u],o=r,a!==0&&(s[p++]=a);return(o!==0||p===0)&&(s[p++]=o),p}function is(n,t){let e=t[0];for(let i=1;i<n;i++)e+=t[i];return e}function $t(n){return new Float64Array(n)}const ns=(3+16*lt)*lt,ss=(2+12*lt)*lt,os=(9+64*lt)*lt*lt,Mt=$t(4),on=$t(8),rn=$t(12),an=$t(16),j=$t(4);function rs(n,t,e,i,s,o,r){let a,l,h,d,c,u,p,y,g,x,v,M,B,O,I,Z,W,E;const T=n-s,N=e-s,U=t-o,q=i-o;O=T*q,u=R*T,p=u-(u-T),y=T-p,u=R*q,g=u-(u-q),x=q-g,I=y*x-(O-p*g-y*g-p*x),Z=U*N,u=R*U,p=u-(u-U),y=U-p,u=R*N,g=u-(u-N),x=N-g,W=y*x-(Z-p*g-y*g-p*x),v=I-W,c=I-v,Mt[0]=I-(v+c)+(c-W),M=O+v,c=M-O,B=O-(M-c)+(v-c),v=B-Z,c=B-v,Mt[1]=B-(v+c)+(c-Z),E=M+v,c=E-M,Mt[2]=M-(E-c)+(v-c),Mt[3]=E;let Q=is(4,Mt),ht=ss*r;if(Q>=ht||-Q>=ht||(c=n-T,a=n-(T+c)+(c-s),c=e-N,h=e-(N+c)+(c-s),c=t-U,l=t-(U+c)+(c-o),c=i-q,d=i-(q+c)+(c-o),a===0&&l===0&&h===0&&d===0)||(ht=os*r+es*Math.abs(Q),Q+=T*d+q*a-(U*h+N*l),Q>=ht||-Q>=ht))return Q;O=a*q,u=R*a,p=u-(u-a),y=a-p,u=R*q,g=u-(u-q),x=q-g,I=y*x-(O-p*g-y*g-p*x),Z=l*N,u=R*l,p=u-(u-l),y=l-p,u=R*N,g=u-(u-N),x=N-g,W=y*x-(Z-p*g-y*g-p*x),v=I-W,c=I-v,j[0]=I-(v+c)+(c-W),M=O+v,c=M-O,B=O-(M-c)+(v-c),v=B-Z,c=B-v,j[1]=B-(v+c)+(c-Z),E=M+v,c=E-M,j[2]=M-(E-c)+(v-c),j[3]=E;const me=Ke(4,Mt,4,j,on);O=T*d,u=R*T,p=u-(u-T),y=T-p,u=R*d,g=u-(u-d),x=d-g,I=y*x-(O-p*g-y*g-p*x),Z=U*h,u=R*U,p=u-(u-U),y=U-p,u=R*h,g=u-(u-h),x=h-g,W=y*x-(Z-p*g-y*g-p*x),v=I-W,c=I-v,j[0]=I-(v+c)+(c-W),M=O+v,c=M-O,B=O-(M-c)+(v-c),v=B-Z,c=B-v,j[1]=B-(v+c)+(c-Z),E=M+v,c=E-M,j[2]=M-(E-c)+(v-c),j[3]=E;const fn=Ke(me,on,4,j,rn);O=a*d,u=R*a,p=u-(u-a),y=a-p,u=R*d,g=u-(u-d),x=d-g,I=y*x-(O-p*g-y*g-p*x),Z=l*h,u=R*l,p=u-(u-l),y=l-p,u=R*h,g=u-(u-h),x=h-g,W=y*x-(Z-p*g-y*g-p*x),v=I-W,c=I-v,j[0]=I-(v+c)+(c-W),M=O+v,c=M-O,B=O-(M-c)+(v-c),v=B-Z,c=B-v,j[1]=B-(v+c)+(c-Z),E=M+v,c=E-M,j[2]=M-(E-c)+(v-c),j[3]=E;const gs=Ke(fn,rn,4,j,an);return an[gs-1]}function as(n,t,e,i,s,o){const r=(t-o)*(e-s),a=(n-s)*(i-o),l=r-a,h=Math.abs(r+a);return Math.abs(l)>=ns*h?l:-rs(n,t,e,i,s,o,h)}function ls(n,t){var e,i,s=0,o,r,a,l,h,d,c,u=n[0],p=n[1],y=t.length;for(e=0;e<y;e++){i=0;var g=t[e],x=g.length-1;if(d=g[0],d[0]!==g[x][0]&&d[1]!==g[x][1])throw new Error("First and last coordinates in a ring must be the same");for(r=d[0]-u,a=d[1]-p,i;i<x;i++){if(c=g[i+1],l=c[0]-u,h=c[1]-p,a===0&&h===0){if(l<=0&&r>=0||r<=0&&l>=0)return 0}else if(h>=0&&a<=0||h<=0&&a>=0){if(o=as(r,l,a,h,0,0),o===0)return 0;(o>0&&h>0&&a<=0||o<0&&h<=0&&a>0)&&s++}d=c,a=h,r=l}}return s%2!==0}function hs(n,t,e={}){const i={type:"Feature"};return(e.id===0||e.id)&&(i.id=e.id),e.bbox&&(i.bbox=e.bbox),i.properties={},i.geometry=n,i}function ds(n,t,e={}){if(!n)throw new Error("coordinates is required");if(!Array.isArray(n))throw new Error("coordinates must be an Array");if(n.length<2)throw new Error("coordinates must be at least 2 numbers long");if(!ln(n[0])||!ln(n[1]))throw new Error("coordinates must contain numbers");return hs({type:"Point",coordinates:n},t,e)}function ln(n){return!isNaN(n)&&n!==null&&!Array.isArray(n)}function cs(n){if(!n)throw new Error("coord is required");if(!Array.isArray(n)){if(n.type==="Feature"&&n.geometry!==null&&n.geometry.type==="Point")return[...n.geometry.coordinates];if(n.type==="Point")return[...n.coordinates]}if(Array.isArray(n)&&n.length>=2&&!Array.isArray(n[0])&&!Array.isArray(n[1]))return[...n];throw new Error("coord must be GeoJSON Point or an Array of numbers")}function us(n){return n.type==="Feature"?n.geometry:n}function ps(n,t,e={}){if(!n)throw new Error("point is required");if(!t)throw new Error("polygon is required");const i=cs(n),s=us(t),o=s.type,r=t.bbox;let a=s.coordinates;if(r&&_s(i,r)===!1)return!1;o==="Polygon"&&(a=[a]);let l=!1;for(var h=0;h<a.length;++h){const d=ls(i,a[h]);if(d===0)return!e.ignoreBoundary;d&&(l=!0)}return l}function _s(n,t){return t[0]<=n[0]&&t[1]<=n[1]&&t[2]>=n[0]&&t[3]>=n[1]}const hn="moveend zoomend refresh";class dn extends ue{atlas;geojson;static get observedAttributes(){return["hidden","data-collection","data-color","popovertarget"]}constructor(){super(),this.refresh=Xn(this.refresh,300)}connectedCallback(){queueMicrotask(()=>{this.atlas=this.closest("mtds-atlas")||void 0,this.atlas?.map?.on(hn,this.refresh,this),this.geojson=new _.GeoJSON(null,{style:cn(this),onEachFeature:(t,e)=>e.on("click",this.handleEvent,this)}).bindPopup(()=>`#${A(this,"popovertarget")}`),this.refresh(),this.attributeChangedCallback("hidden")})}attributeChangedCallback(t){const e=this.geojson,i=this.atlas?.map;t==="popovertarget"&&e?.getPopup()?.update(),t==="data-color"&&e?.setStyle(cn(this)),t==="data-collection"&&this.refresh(),t==="hidden"&&e&&i&&i[this.hidden?"removeLayer":"addLayer"](e)}disconnectedCallback(){this.atlas?.map?.off(hn,this.refresh,this),this.geojson?.unbindPopup().remove(),this.geojson=this.atlas=void 0}refresh(t){!this.geojson||!this.atlas?.map?.hasLayer(this.geojson)||this.getCollection().then(e=>{const i=e?.links.find(({rel:r})=>r==="items"),s=t===!0?`&nocache=${Date.now()}`:"",o=this.atlas?.map?.getBounds().toBBoxString();e?fetch(`${i?.href}?bbox=${o}${s}`).then(r=>r.json()).then(r=>this.geojson?.clearLayers().addData(r)):this.atlas?.getCollections().then(r=>{const a=`mtds-atlas-matgeo: Please set a vaild data-collection="${Object.keys(r).join(" | ")}"`;console.warn(a)})})}handleEvent(t){t.originalEvent.stopPropagation(),this.atlas?.getCollections().then(e=>{const i=[t.target],s={...t,targets:i,collections:e},o=ds([t.latlng.lng,t.latlng.lat]);this.atlas?.map?.eachLayer(r=>{if(r===t.target)return;(r.feature?.geometry&&ps(o,r.feature.geometry)||r instanceof _.Marker&&r.getLatLng().equals(t.latlng))&&i.push(r)}),this.dispatchEvent(new MouseEvent("click",t.originalEvent)),this.dispatchEvent(new CustomEvent("atlasfeatureclick",{detail:s,bubbles:!0}))})}async getCollection(){return this.atlas?.getCollections().then(t=>t?.[A(this,"data-collection")||""])}}const cn=n=>({color:`var(--mtds-color-${A(n,"data-color")||"main"}-base-default)`});pe("mtds-atlas-matgeo",dn);class un extends ue{atlas;wms;static get observedAttributes(){return["hidden","data-url","popovertarget"]}connectedCallback(){queueMicrotask(()=>{this.atlas=this.closest("mtds-atlas")||void 0,this.refresh()})}attributeChangedCallback(t){t==="data-url"&&this.refresh(),t==="popovertarget"&&this.wms?.getPopup()?.update(),t==="hidden"&&this.wms&&(this.atlas?.map?.[this.hidden?"removeLayer":"addLayer"](this.wms),this.wms.bringToFront())}refresh(){const t=new URL(A(this,"data-url")||""),e=Object.fromEntries(t.searchParams.entries());this.wms?.unbindPopup().remove(),this.wms=new _.TileLayer.WMS(`${t.origin}${t.pathname}`,e),this.attributeChangedCallback("hidden")}disconnectedCallback(){this.wms?.unbindPopup().remove(),this.wms=this.atlas=void 0}}pe("mtds-atlas-wms",un);let Ye=0;const pn=18,fs="https://cache.kartverket.no/v1/wmts/1.0.0/topo/default/webmercator/{z}/{y}/{x}.png",_n="https://matgeoservice-256616427209.europe-north1.run.app/ogc/features/collections",ms=[[57.5,4.73],[71.5,31.44]];class _e extends ue{cluster;map;static get observedAttributes(){return["data-view","data-scrollzoom"]}constructor(){super(),this.attachShadow({mode:"open"}).append(ce("figure")),Qn(this,`@layer leaflet{${Yn}}
-@layer mt.design{${ts}`)}connectedCallback(){const t=this.shadowRoot?.lastElementChild,e=A(this,"data-cluster")??"false",i=new _.TileLayer(fs,{attribution:"&copy; Kartverket",className:"leaflet-kartverket-tiles",maxZoom:pn});this.map=new _.Map(t,{attributionControl:!1,fadeAnimation:!1,layers:[i],zoomControl:!1,zoomSnap:.2}),en(this,"pointerup click",this.#t),this.map.addControl(new _.Control.Attribution({prefix:""})),this.map.addControl(new _.Control.Zoom({position:"bottomright"})),this.map.on("popupopen popupclose",this.#e,this),this.cluster=new _.MarkerClusterGroup({zoomToBoundsOnClick:!0,showCoverageOnHover:!1,disableClusteringAtZoom:e==="false"?1:Number(e)||pn+1,iconCreateFunction:s=>new _.DivIcon({html:`${s.getChildCount()}`,className:"leaflet-cluster-icon",iconSize:[30,30]})}).addTo(this.map);for(const s of _e.observedAttributes)this.attributeChangedCallback(s,null,A(this,s))}attributeChangedCallback(t,e,i){t==="data-view"&&this.setView(i||""),t==="data-scrollzoom"&&this.map?.scrollWheelZoom[i==="false"?"disable":"enable"]()}setView(t,e){const i=`${t}`.split(",").map(parseFloat).filter(Number.isFinite),s=this.cluster?.getBounds();if(i.length===3)return this.map?.setView([i[0],i[1]],i[2],e);if(t!=="fit")return this.map?.fitBounds(ms,e);if(s?.isValid())return this.map?.fitBounds(s.pad(.1),e);this.cluster?.once("layeradd",()=>{setTimeout(()=>this.setView("fit"),50)})}latLngFromPoint(t,e){return this.map?.pointerEventToLatLng({clientX:t,clientY:e})}disconnectedCallback(){Ve(this,"pointerup click",this.#t),this.map?.remove(),this.map=this.cluster=void 0}async getCollections(){return window._matgeoCollections||(window._matgeoCollections=fetch(_n).then(t=>t.json()).then(t=>t.collections.map(e=>[e.id,e])).then(Object.fromEntries)),window._matgeoCollections}#e({type:t,popup:e}){const i=t==="popupopen",s=e.getElement()?.querySelector(".leaflet-popup-content"),o=s?.querySelector(":scope > slot"),r=s?.textContent?.match(/^#(\S+)/)?.[1]||"",a=document.getElementById(o?.name||r);if(!a)return i&&r&&e.close();_.Util.setOptions(e,{maxWidth:this.offsetWidth-40}),A(a,"data-popover",i?A(a,"popover"):null),A(a,"popover",i?null:A(a,"data-popover")),A(a,"slot",i?a.id:null),i&&e.setContent(ce("slot",{name:a.id}))}#t(t){t.type==="click"?Ye&&t.stopPropagation?.():document.body.classList.contains("leaflet-dragging")&&(Ye=setTimeout(()=>{Ye=0},50))}}return pe("mtds-atlas",_e),tn()&&(_.Marker.prototype.options.icon=new _.DivIcon({html:'<div class="leaflet-marker-generated-slot"><div class="leaflet-marker-generated-icon"></div></div>',iconSize:[0,0]})),H.L=_,H.MATGEO_URL=_n,H.MTDSAtlasElement=_e,H.MTDSAtlasMarkerElement=sn,H.MTDSAtlasMatgeoElement=dn,H.MTDSAtlasWMSElement=un,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"}),H})({});
+@layer mt.design{${ts}`)}connectedCallback(){const t=this.shadowRoot?.lastElementChild,e=A(this,"data-cluster")??"false",i=new _.TileLayer(fs,{attribution:"&copy; Kartverket",className:"leaflet-kartverket-tiles",maxZoom:pn});this.map=new _.Map(t,{attributionControl:!1,fadeAnimation:!1,layers:[i],zoomControl:!1,zoomSnap:.2}),en(this,"pointerup click",this.#t),this.map.addControl(new _.Control.Attribution({prefix:""})),this.map.addControl(new _.Control.Zoom({position:"bottomright"})),this.map.on("popupopen popupclose",this.#e,this),this.cluster=new _.MarkerClusterGroup({zoomToBoundsOnClick:!0,showCoverageOnHover:!1,disableClusteringAtZoom:e==="false"?1:Number(e)||pn+1,iconCreateFunction:s=>new _.DivIcon({html:`${s.getChildCount()}`,className:"leaflet-cluster-icon",iconSize:[40,40]})}).addTo(this.map);for(const s of _e.observedAttributes)this.attributeChangedCallback(s,null,A(this,s))}attributeChangedCallback(t,e,i){t==="data-view"&&this.setView(i||""),t==="data-scrollzoom"&&this.map?.scrollWheelZoom[i==="false"?"disable":"enable"]()}setView(t,e){const i=`${t}`.split(",").map(parseFloat).filter(Number.isFinite),s=this.cluster?.getBounds();if(i.length===3)return this.map?.setView([i[0],i[1]],i[2],e);if(t!=="fit")return this.map?.fitBounds(ms,e);if(s?.isValid())return this.map?.fitBounds(s.pad(.1),e);this.cluster?.once("layeradd",()=>{setTimeout(()=>this.setView("fit"),50)})}latLngFromPoint(t,e){return this.map?.pointerEventToLatLng({clientX:t,clientY:e})}disconnectedCallback(){Ve(this,"pointerup click",this.#t),this.map?.remove(),this.map=this.cluster=void 0}async getCollections(){return window._matgeoCollections||(window._matgeoCollections=fetch(_n).then(t=>t.json()).then(t=>t.collections.map(e=>[e.id,e])).then(Object.fromEntries)),window._matgeoCollections}#e({type:t,popup:e}){const i=t==="popupopen",s=e.getElement()?.querySelector(".leaflet-popup-content"),o=s?.querySelector(":scope > slot"),r=s?.textContent?.match(/^#(\S+)/)?.[1]||"",a=document.getElementById(o?.name||r);if(!a)return i&&r&&e.close();_.Util.setOptions(e,{maxWidth:this.offsetWidth-40}),A(a,"data-popover",i?A(a,"popover"):null),A(a,"popover",i?null:A(a,"data-popover")),A(a,"slot",i?a.id:null),i&&e.setContent(ce("slot",{name:a.id}))}#t(t){t.type==="click"?Ye&&t.stopPropagation?.():document.body.classList.contains("leaflet-dragging")&&(Ye=setTimeout(()=>{Ye=0},50))}}return pe("mtds-atlas",_e),tn()&&(_.Marker.prototype.options.icon=new _.DivIcon({html:'<div class="leaflet-marker-generated-slot"><div class="leaflet-marker-generated-icon"></div></div>',iconSize:[0,0]})),H.L=_,H.MATGEO_URL=_n,H.MTDSAtlasElement=_e,H.MTDSAtlasMarkerElement=sn,H.MTDSAtlasMatgeoElement=dn,H.MTDSAtlasWMSElement=un,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"}),H})({});

package/mtds/illustrations/barn-water.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="990" height="875" fill="none" viewBox="0 0 990 875"><path fill="#054449" d="M75.97 431.66h711.39V873.7H75.97z"/><path fill="#054449" d="M857.53 435.12H5.81a5.77 5.77 0 0 1-4.1-9.86l425.2-423.3a6.8 6.8 0 0 1 9.55 0l425.16 423.3a5.77 5.77 0 0 1-4.09 9.86"/><path fill="#116e6b" d="M704.48 490.37a6.9 6.9 0 0 0-6.91-6.9h-214.1a6.9 6.9 0 0 0-6.91 6.9v79.42a6.9 6.9 0 0 0 6.9 6.91h214.11a6.9 6.9 0 0 0 6.9-6.9zM386.77 490.37a6.9 6.9 0 0 0-6.9-6.9H165.76a6.9 6.9 0 0 0-6.9 6.9v79.42a6.9 6.9 0 0 0 6.9 6.91h214.1a6.9 6.9 0 0 0 6.91-6.9zM524.9 272.92a4.94 4.94 0 0 1-4.9 5.26H343.32a4.94 4.94 0 0 1-4.89-5.26 93.27 93.27 0 0 1 93.18-88.05h.14a93.24 93.24 0 0 1 93.14 88.05"/><path fill="#9ecced" d="M936.97 654.6c3.41 6.28 5.97 11.04 8.54 15.8 9.05 17.65 18.6 34.96 27.14 52.79 7.35 15.1 13.49 30.9 15.88 47.7a78 78 0 0 1-.51 26.65c-2.4 12.4-9.57 21.22-20.31 27.16-17.58 9.85-35.35 10.02-52.93-.17-6.65-3.73-13.14-7.8-17.75-14.09a44.3 44.3 0 0 1-8.88-24.79c-.68-15.45 3.24-30.04 7.35-44.81 2.56-9.18 6.82-17.67 10.93-26.31 8.37-17.32 17.24-34.46 25.78-51.78 1.36-2.2 2.72-4.4 4.77-8.15z"/><path fill="#054449" d="M952.2 650.95c-.57-9.2-2.56-30.18-9.73-40.24s-26.81-14.15-31.94-15.17c-5.12-1.03-10.93-1.2-12.3-7-1.36-5.8-1.23-16.64-1.2-19.1.04-3.98 5.03-2.63 5.56-3.82.4-.92 1.83-14.38-1.07-14.5-7.46-.3-16.42.37-16.42-.66 0-1.02-.52-17.16 0-18.52.5-1.36 2.55-2.95 6.66-3.02 8.34-.15 18.32 1.6 22.54.93 4.68-.73 7.69-2.46 7.69-8.6 0-6.57-5.64-9.38-12.98-8.36s-10.42 2.8-16.05 2.63c-4.77-.13-6.49-2.2-8.72-3.33-1.91-.98-8.05-2.84-14.5 1.07-4.53 2.74-9.1 2.43-10.15 2.37-.9-.05-5.3-.12-10.18-1.48-6.81-1.9-17.08-2.24-17.08 8.06s9.66 9.34 14.96 7.88a41 41 0 0 1 14.77-1.48c3.95.4 6.87 1.19 7.08 3.28.25 2.5.67 18.2-.12 18.76-.8.57-15.22 0-16.8 1.46-1.57 1.45-.6 12.44.14 12.85.93.52 5.49-.21 5.27 2.62-.1 1.24.03 18.94-1.21 20.85a10.1 10.1 0 0 1-8.9 4.16c-4.5-.23-5.5.22-6.07-.9s.11-2.13-4.4-1.8c-4.5.33-58.88 2.36-61.13 4.16s-.68 36.07.1 37.2c.8 1.13 15.77 2.25 26.02 2.36s34.25-.3 37.49-.56c5.38-.44 3.33-4.72 9.8-4.38 4.15.21 17.44 3.59 27.47 3.37 10.02-.23 20.82-2.93 25.56-4.84s10.47-.22 12.04.9 5.18 2.03 6.42 10c1.24 7.99 1.35 16.53 2.59 17.2 1.24.68 9.57 2.7 19.59.68s9.36-3 9.23-5.04z"/><path fill="#f8de9c" d="M476.21 728.48c.74-1.49 1.99-4.81 4.01-4.11l45.25 18.5c5.76.82 11.65.78 17.69-.7 13.25-3.3 26.65-5.95 40.02-8.65 6.12-1.21 9.9-4.26 12-10.36 4.68-12.95 10.37-26.44 20.66-35.94 2.53-1.8 13.87-10.76 16.71-11.66-6.93-8.6 3.59-15.52 14.81-14.78 6.78.94 11.96 3.56 14.18 7.35 2.07 3.8.86 7.04.16 11.93-.23 1.3.12 1.84 1.05 2.78 2.07 1.95 3.78 3.24 5.5 4.89.04.03.08.11 0 .2l-.35.93c0 .08-.12.12-.16.12-2.73.2-5.34.23-8.07.39-1.83.12-2.33.7-1.94 2.74 1.52 6.3-.82 14.74-8.93 13.49 9.12 28 8.93 48.73-3.5 78.25-11.42 19.83-25.96 46.9-52.46 57.96-2.6.82-3.47 1.72-3.66 3.56 0 0 8.07 20.22 9.82 21.39s4.56 1.33 8.26 1.88c4.29.62 2.7.31 6.59 1.21 2.26.55 3.04 2.35 3 3.01-.04.67 0 1.25-.94 1.25h-35.3c-1.64-.08-1.91-.7-1.99-2.1-.04-.87-.27-2.47 1.99-2.63l7.56-.98-9.35-23.5c-2.81-.63-15.71-1.96-16.22-1.92-5.26.36-7.32 13.06-7.79 15.49-.55 2.97-1.36 7.47-.97 7.98.58.78 2.22 1.56 4.44 1.91 0 0 5.61.94 8.07 1.45 2.06.43 3.5 2 3.5 3.13 0 .82-.2 1.21-1.87 1.21H534.4c-1.13 0-1.52-1.21-1.52-2.19 0-1.1.16-2 1.05-2.3 2.73-1.02 7.17-1.06 10.76-1.6l3.97-32.39c-3.12-3.17-10.99-7.98-18.27-13.26-18.55-12.98-33.48-33.55-43.06-50.33-6.24-11.89-17.77-28.78-11.15-43.57z"/></svg>

package/mtds/illustrations/barn.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="864" height="874" fill="none" viewBox="0 0 864 874"><path fill="#054449" d="M76 431.82h711.64V874H76z"/><path fill="#054449" d="M857.83 435.27H5.81a5.77 5.77 0 0 1-4.1-9.86L427.06 1.96a6.8 6.8 0 0 1 9.56 0l425.3 423.45a5.77 5.77 0 0 1-4.09 9.86"/><path fill="#116e6b" d="M704.73 490.54c0-3.81-3.1-6.9-6.91-6.9H483.64a6.9 6.9 0 0 0-6.91 6.9V570c0 3.81 3.1 6.9 6.9 6.9h214.19c3.81 0 6.9-3.09 6.9-6.9zM386.9 490.54a6.9 6.9 0 0 0-6.9-6.9H165.82a6.9 6.9 0 0 0-6.91 6.9V570c0 3.81 3.1 6.9 6.9 6.9H380c3.82 0 6.9-3.09 6.9-6.9zM525.08 272.86a4.94 4.94 0 0 1-4.9 5.27H343.46a4.94 4.94 0 0 1-4.9-5.27 93.3 93.3 0 0 1 93.21-88.08h.14a93.27 93.27 0 0 1 93.18 88.08"/></svg>

package/mtds/illustrations/bowl-food-stacked.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="670" height="800" fill="none" viewBox="0 0 670 800"><path fill="#f9c4aa" d="M45.07 398.54a39.86 39.86 0 0 1 42.22-31.4 258 258 0 0 1 91.13 24.82 258 258 0 0 1 99.84 84.72 258.5 258.5 0 0 1 37.6 216.95 39.85 39.85 0 0 1-43.93 28.9l7.89 25.41c.5 1.59-.97 3.1-2.58 2.66l-36.17-9.78a2.1 2.1 0 0 1-.85-3.6l20.07-18.2a39.55 39.55 0 0 1-21.04-46.15c22.97-83.7-17.18-171.76-95.46-209.4a180 180 0 0 0-63.26-17.25 39.55 39.55 0 0 1-36.14-35.55l-23.96 12.64a2.1 2.1 0 0 1-3.09-2.03l3.17-37.33a2.12 2.12 0 0 1 3.38-1.51z"/><path fill="#68b096" d="M288.98 430.14c-69.16 15.53-137.73-35.51-142.6-106.17 68.64-13.78 135.54 35.48 142.5 105.15q.06.51.1 1.02"/><path fill="#68b096" d="M329.19 426.22c-24.93 66.35-105.22 95.7-166.98 61.04 26.12-64.96 103.99-93.9 166.07-61.51q.45.22.9.47"/><path fill="#b4cea0" d="M386.23 415.09c-19.36-68.19 27.79-139.5 98.07-148.3 17.57 67.78-27.88 137.3-97.06 148.14z"/><path fill="#b4cea0" d="M371.8 429.7c-53.54-46.44-53.16-131.93.82-177.79 51.82 47.08 51.88 130.15-.06 177.1z"/><path fill="#b4cea0" d="M353.1 448.12c24.28-66.58 104.28-96.71 166.38-62.64-25.5 65.2-103.09 94.89-165.48 63.1z"/><path fill="#f9cc76" d="M220.62 114.91c.37 13.47 6.98 24.1 7.58 24.82 4.71 5.82 11.8 9.25 18.22 13.22 16.46 10.17 53.96 21.41 59.74 23.08 1.8.52 3.28.4 3.78.38l106.09-4.66c.93-.04 2.24-.14 2.73-1.15.21-.47 3.83-35.61 4.3-40.27a.47.47 0 0 0-.48-.5c-3.97.16-8.03.08-11.71-1.39-3.85-1.51-7.23-4.84-7.74-8.94-.53-4.23 2.14-8.42 5.79-10.6 3.4-2.06 7.5-2.62 11.5-2.48.45 0 .83-.35.85-.8l.65-27.95a.8.8 0 0 0-.82-.84h-12.25c-4.46 0-8.46-3.2-9.05-7.63a8.83 8.83 0 0 1 8.72-10h10.84a.7.7 0 0 0 .68-.71c-.93-18.3-.08-36.69 2.55-54.8.11-.77-.4-1.45-1.17-1.55-63.84-7.04-163.22 5.38-167.2 7.09-5.4 2.33-9.63 6.74-13.05 11.53-8.9 12.45-13.08 27.63-16.06 42.64a233 233 0 0 0-4.48 51.54zm149.27-71.75c1.73-6.03 7.08-9.8 11.95-8.4 4.88 1.4 7.41 7.42 5.68 13.45s-7.08 9.8-11.95 8.4-7.41-7.41-5.68-13.45M362.3 131a11.75 11.75 0 1 1-23.5 0 11.75 11.75 0 0 1 23.5 0m-25.22-67.77c7.43-2.98 15.4-.56 17.81 5.42 2.42 5.98-1.65 13.25-9.07 16.23s-15.4.56-17.81-5.42 1.65-13.24 9.07-16.23m-26.71-44.86c4.85-.84 9.33 1.65 10.01 5.57.68 3.91-2.71 7.76-7.56 8.59-4.86.84-9.33-1.66-10.01-5.57-.69-3.91 2.71-7.76 7.56-8.6m-30.7 87.27c6.5 0 11.77 4.24 11.77 9.46s-5.27 9.47-11.76 9.47-11.77-4.24-11.77-9.47c0-5.22 5.27-9.46 11.77-9.46m-23.72-37.15a9.89 9.89 0 1 1 0 19.78 9.89 9.89 0 0 1 0-19.78"/><path fill="#f4ece6" d="M391.94 295.04c-5.62 39.5-35.92 72.5-78.13 67.33-39.73-4.94-63.08-47.35-61.06-84.83 1.57-30.3 19.53-71.6 43.78-90.45 20.65-16.16 39.06-13.24 57.7 4.04 24.91 23.12 42.87 70.02 37.93 103.69z"/><ellipse cx="322.81" cy="296.65" fill="#ed9a32" rx="44.8" ry="44.83"/><path fill="#f9c4aa" d="M353.88 585.47c62.57 0 113.29-50.72 113.29-113.29 0-62.56-50.72-113.28-113.29-113.28-62.56 0-113.28 50.72-113.28 113.28s50.72 113.29 113.28 113.29"/><path fill="#f4ece6" d="M295.1 466.84a14.96 14.96 0 1 0 0-29.93 14.96 14.96 0 0 0 0 29.93M303.59 415.35c7.75-3.61 12.22-10.45 9.98-15.26s-10.36-5.79-18.11-2.17-12.23 10.45-9.98 15.27c2.24 4.81 10.35 5.78 18.1 2.16M373.96 401.59c3-7.07-2.94-16.34-13.26-20.73-10.33-4.38-21.12-2.2-24.12 4.86s2.94 16.34 13.26 20.72 21.12 2.21 24.12-4.85"/><path fill="#0c4fa1" d="M600.46 403.08c-87.73-11.4-164.47 23.57-176.43 29.17q-6.42-1.86-16.71-4.77c-17.27-4.88-28.31-3.94-30-3.47-.53 1.24-2.55 9.63-5.33 18.81-3.18 10.48-6.81 21.06-6.81 21.06l4.62 1.92c-19.65 13.13-41.1 26.4-59.21 40.14-22.54 17.1-39.7 29.15-58.38 44.96-10.44-.42-18.3-.33-29.22-.96-15.86-1.9-48.1-5.24-48.9-3.4-.38 2.47 8.17 14.16 23.56 45.42 6.47 14.48 19.68 54.5 21.82 54.18 2.64-.17 28.86-42.49 42.12-67.39 12.6-1.4 28.49-3.7 43.89-7.2-1.99 2.27-3.71 4.14-3.98 4.78.57.84 5.76 3.8 10.96 8.48 5.58 5.04 11.23 10.54 11.98 10.8 7.1-6.59 21.2-25.82 24.8-33.2 30.9-5.81 56.21-12.45 86.1-23.08 117.29-41.7 156.75-93.45 169.43-126.3l.03-.07.4-1.04c2.4-6.93-2.34-8.45-4.76-8.85z"/><path fill="#da573b" d="M542.87 497.24H102.74a8.5 8.5 0 0 0-8.5 8.49v60.34c0 92.54 68.4 169.9 157.25 184.27a8.5 8.5 0 0 1 7.1 7.45l3.64 33.72a8.5 8.5 0 0 0 8.51 8.49h104.13c4.7 0 8.51-3.8 8.51-8.49l3.64-33.72a8.5 8.5 0 0 1 7.1-7.45c88.86-14.37 157.26-91.74 157.26-184.27v-60.34a8.5 8.5 0 0 0-8.5-8.49"/><path fill="#9ecced" d="M637.6 800H491.22a8.04 8.04 0 0 1-8.02-8.02l-24.06-172.43c0-4.41 3.6-8.02 8.02-8.02h194.48c4.42 0 8.02 3.61 8.02 8.02l-24.06 172.43c0 4.41-3.6 8.02-8.02 8.02"/></svg>

package/mtds/illustrations/bowl.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1208" height="800" fill="none" viewBox="0 0 1208 800"><path fill="#da573b" d="M1185.08 0H22.47A22.5 22.5 0 0 0 0 22.42v159.46c0 244.52 180.67 448.94 415.4 486.9a22.4 22.4 0 0 1 18.74 19.7l9.63 89.1A22.45 22.45 0 0 0 466.24 800h275.07a22.45 22.45 0 0 0 22.47-22.42l9.63-89.1a22.4 22.4 0 0 1 18.74-19.7c234.73-37.96 415.4-242.42 415.4-486.9V22.42A22.5 22.5 0 0 0 1185.08 0"/></svg>

package/mtds/illustrations/fertilizer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="723" height="800" fill="none" viewBox="0 0 723 800"><path fill="#7f433b" d="M349.05 0A166.1 166.1 0 0 1 487.1 73.45a8.6 8.6 0 0 0 7.1 3.84h.19c83.25 0 152.12 61.44 163.5 141.33.23 1.59-1.02 3-2.63 3H51.16c-1.8 0-3.1-1.75-2.52-3.46C71.1 151.02 129.05 99.12 201.32 82.73a10.8 10.8 0 0 0 6.8-4.85A166.2 166.2 0 0 1 349.05 0"/><path fill="#c58f79" d="M711.77 722.58a11.4 11.4 0 0 1-3.1-8.36c1.9-43.55 2.28-85.77.14-129.07l-4.73-95.02-6.13-72.42c-3.1-36.55-8.31-71.62-15.1-107.8-288.88 69.64-548.88 23.98-642.63 2.54l-4.58 24.72c-16.22 87.27-24.45 271.66-21.56 362.72l.47 14.9a11.5 11.5 0 0 1-3.5 8.62c-11.82 11.55-15.43 33.56-4.5 44.13C17.27 777.91 273.9 799.71 345.4 800c66.2.24 333.04-6.38 366.44-27.53 3.7-2.33 3.73-3.07 6.07-6.12 9.51-12.4 4.65-32.34-6.2-43.79z"/><path fill="#c58f79" d="M698.75 180.8c-3.6-17.42-17.47-29.35-33.9-31.98-21.98-2.71-48.8 9.01-64.74 12.52-111.84 24.63-227.8 29.38-341.6 17.82a1092 1092 0 0 1-114.95-17.68c-33.72-7.1-105-38.88-113.96 16.34-2.03 12.58-6.25 65.4-9.49 96.07-1.85 17.56 5.46 31.65 21.02 39.68 13.3 6.85 28.67 8.06 43.13 10.8 24.27 4.64 48.46 9.67 72.86 13.69 51.66 8.48 104.2 12.66 156.5 14.37 61.1 1.98 122.36-.12 183.19-6.36a1336 1336 0 0 0 167.18-27.91c17.23-4.02 36.8-8.91 34.76-31.22-2.44-26.85 2.7-93.16 0-106.15"/><path fill="#fff" d="M360.94 679.55c83.83 0 151.79-67.83 151.79-151.49s-67.96-151.48-151.8-151.48c-83.82 0-151.78 67.82-151.78 151.48s67.96 151.49 151.79 151.49"/><path fill="#b4cea0" d="M360.7 594.58c-11.17-51.42 27.1-102.06 79.62-105.3 9.87 51.03-27.07 100.43-78.87 105.23z"/><path fill="#b4cea0" d="M360.68 594.58c11.18-51.42-27.1-102.06-79.62-105.3-9.87 51.03 27.08 100.43 78.87 105.23z"/></svg>

package/mtds/illustrations/flagg-eu.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800" fill="none" viewBox="0 0 800 800"><path fill="#1b469c" d="M400 0c220.91 0 400 179.09 400 400S620.91 800 400 800 0 620.91 0 400 179.09 0 400 0"/><path fill="#fcd600" d="m287.95 165.65 9.08 27.98h29.43l-23.8 17.3 9.1 27.98-23.81-17.3-23.82 17.3 9.1-27.98-23.8-17.3h29.42zM204.16 249.42l9.1 28h29.41l-23.8 17.3 9.1 27.97-23.8-17.3-23.81 17.3 9.08-27.98-23.8-17.3h29.42zM173.7 362.41l9.1 27.98h29.4l-23.8 17.3 9.1 28-23.8-17.3-23.82 17.3 9.1-28-23.8-17.3h29.42zM204.16 474.13l9.1 27.98h29.41l-23.8 17.3 9.1 27.99-23.8-17.3-23.81 17.3 9.08-28-23.8-17.3h29.42zM287.1 557.91l9.09 27.99h29.43l-23.81 17.3 9.1 27.98-23.8-17.3-23.81 17.3 9.08-27.99-23.8-17.3H278zM400.29 588.8l-9.09 28h-29.42l23.8 17.29-9.1 27.98 23.8-17.3 23.82 17.3-9.1-27.98 23.81-17.3h-29.43zM513.5 557.91l-9.1 27.99h-29.43l23.81 17.3-9.1 27.98 23.82-17.3 23.8 17.3-9.1-27.99 23.81-17.3H522.6zM596.43 474.13l-9.1 27.98h-29.42l23.81 17.3-9.1 27.99 23.81-17.3 23.8 17.3-9.08-28 23.8-17.3h-29.42zM626.9 362.41l-9.1 27.98h-29.43l23.8 17.3-9.08 28 23.8-17.3 23.8 17.3-9.08-28 23.8-17.3H636zM596.43 249.42l-9.1 28h-29.42l23.81 17.3-9.1 27.97 23.8-17.3 23.81 17.3-9.08-27.98 23.8-17.3h-29.42zM512.64 168.56l-9.08 27.98h-29.44l23.82 17.3-9.1 27.98 23.8-17.3 23.8 17.3-9.08-27.98 23.8-17.3h-29.42zM400.29 135.17l-9.09 28h-29.42l23.8 17.3-9.1 27.97 23.8-17.3 23.82 17.3-9.1-27.98 23.81-17.3h-29.43z"/></svg>

package/mtds/illustrations/flask-lab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="643" height="800" fill="none" viewBox="0 0 643 800"><path fill="#9ecced" d="M642.17 723.4a78.4 78.4 0 0 1-10.51 37.7 78 78 0 0 1-27.38 27.93A77.6 77.6 0 0 1 564.25 800H77.94c-14.26 0-28.1-3.81-40.04-10.97a78.4 78.4 0 0 1-27.38-27.93A78.4 78.4 0 0 1 .01 723.4a78 78 0 0 1 10.51-40.16l196.84-340.9a86 86 0 0 0 11.52-43.04V42.64H423.3V299.3a86 86 0 0 0 11.52 43.03l196.84 340.9a78 78 0 0 1 10.51 40.18"/><path fill="#9ecced" d="M462.86 13.87v21.78c0 7.64-6.22 13.87-13.82 13.87H194.77a13.9 13.9 0 0 1-13.82-13.87V13.87c0-7.63 6.21-13.87 13.82-13.87h254.27c7.6 0 13.82 6.24 13.82 13.87"/></svg>

package/mtds/illustrations/flowerpot.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="905" height="800" fill="none" viewBox="0 0 905 800"><path fill="#7f433b" d="M904.35 22.92v145.34A22.3 22.3 0 0 1 882 190.58h-57.35c-9.06 71.46-49.5 439.35-67.01 549.11-6.34 39.5-31.1 60.3-71.54 60.3H222.77c-36.23 0-62.79-21.4-68.83-57.59-17.5-104.03-63.99-508.7-70.63-552.12H22.34A22.3 22.3 0 0 1 0 167.96V22.31A22.3 22.3 0 0 1 22.34 0H882a22.3 22.3 0 0 1 22.34 22.31z"/></svg>

package/mtds/illustrations/fork-sausage.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="524" height="800" fill="none" viewBox="0 0 524 800"><path fill="#0c4fa1" d="M298.59 127.96c.47 2.4.55 4.67.73 7.17 4.67 64.08 12.75 170.12 13.73 192.5 1 22.98 4.4 20.77-17.12 39.4-10.63 9.2-18.07 31.15-18.61 52.85-2.16 93.24 7.23 174.92 12.17 278.3 2.33 22.76 2.18 45.71 3.61 68.67 1.44 22.6-18.31 38.01-39.7 31.74-13.83-4.13-22.45-16.32-21.2-32.46 2.7-36.22 4.93-72.62 8.51-108.85 6.15-91.2 8.36-159.02 7.28-237.74-.36-22.77-8.94-43.4-20.01-52.51-19.13-15.74-17.18-16.07-16.6-35.25.68-22.94 3.65-54.8 5.63-80.99 2.69-38.14 5.56-76.13 8.44-114.4.18-2.69.44-5.85.61-8.43h6.29c.28 4 .29 7.9.29 11.83-.36 49.85-.7 98.19-1.24 148.04-.1 7.4 2.2 12.88 6.02 12.88 3.5 0 6.36-5.07 6.17-13.32 1.26-50.93 2.34-99.18 3.6-149.93.07-3.77.15-6.09.5-9.5h6.8c.4 3.68.53 7 .53 10.4l1.08 147.93c-.05 10.26 2.84 14.05 6.11 14.05s5.78-3.93 5.93-13.33c.35-49.85.9-99.88 1.43-149.73.1-3.47.25-5.78.47-9.32h6.92c.32 4.2.46 5.78.62 10.22.9 35.87 1.62 71.73 2.52 107.6.35 16.13-.36 31.06.54 47.2-.05 3.23 3.5 7.73 6.64 7.73s6.29-4.67 6.1-11.73c-.35-50.2-.9-96.27-1.25-146.47 0-3.41-.07-9.36.17-14.55z"/><path fill="#f9c4aa" d="M492.73 42.32a46.54 46.54 0 0 1 1.75 61.39 301 301 0 0 1-84.7 70.51 301 301 0 0 1-147.77 38.75c-87.47 0-173.43-38-232.51-109.3a46.54 46.54 0 0 1 1.77-61.35L1.7 32.85c-1.85-.6-2.31-3-.82-4.25L34.45.57a2.46 2.46 0 0 1 4 1.6l3.96 31.36a46.1 46.1 0 0 1 58.19 10.8c64.62 77.99 175.66 98.56 264.02 48.91a210 210 0 0 0 58.81-48.94 46.1 46.1 0 0 1 58.16-10.75l3.95-31.38a2.46 2.46 0 0 1 4.01-1.59l33.56 28.02a2.47 2.47 0 0 1-.82 4.25z"/></svg>

package/mtds/illustrations/glas.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="894" height="800" fill="none" viewBox="0 0 894 800"><path fill="#9ecced" d="M757.77 800H136.23a34.15 34.15 0 0 1-34.06-34.04L0 34.04A34.15 34.15 0 0 1 34.06 0h825.88A34.15 34.15 0 0 1 894 34.04L791.83 765.96A34.15 34.15 0 0 1 757.77 800"/></svg>

package/mtds/illustrations/index.json

@@ -860,5 +860,171 @@
 	"wind.svg": {
 		"categories": ["Natur"],
 		"tags": ["vind", "vær"]
+	},
+	"barn-water.svg": {
+		"categories": ["Bygg", "Drikkevann"],
+		"tags": ["låve", "fjøs", "gård", "vann", "drikkevann"]
+	},
+	"barn.svg": {
+		"categories": ["Bygg"],
+		"tags": ["låve", "fjøs", "gård", "bondegård"]
+	},
+	"bowl-food-stacked.svg": {
+		"categories": ["Mat"],
+		"tags": ["mat", "bolle", "skål", "måltid", "servering"]
+	},
+	"bowl.svg": {
+		"categories": ["Mat"],
+		"tags": ["bolle", "skål", "servering"]
+	},
+	"fertilizer.svg": {
+		"categories": ["Utstyr", "Natur"],
+		"tags": ["gjødsel", "jord", "dyrking", "vekst", "landbruk"]
+	},
+	"flagg-eu.svg": {
+		"categories": ["Flagg"],
+		"tags": ["flagg", "EU", "Europa"]
+	},
+	"flask-lab.svg": {
+		"categories": ["Utstyr"],
+		"tags": ["laboratorium", "kolbe", "flaske", "kjemi", "analyse"]
+	},
+	"flowerpot.svg": {
+		"categories": ["Natur"],
+		"tags": ["blomsterpotte", "blomst", "plante", "potte", "natur"]
+	},
+	"fork-sausage.svg": {
+		"categories": ["Mat"],
+		"tags": ["gaffel", "pølse", "mat", "måltid"]
+	},
+	"glas.svg": {
+		"categories": ["Mat"],
+		"tags": ["glass", "drikke", "vann"]
+	},
+	"leaf.svg": {
+		"categories": ["Natur"],
+		"tags": ["blad", "plante", "natur", "vekst"]
+	},
+	"parasite.svg": {
+		"categories": ["Dyr"],
+		"tags": ["parasitt", "smitte", "sykdom", "dyr"]
+	},
+	"person-inspect-border.svg": {
+		"categories": ["Mennesker"],
+		"tags": [
+			"person",
+			"menneske",
+			"inspektør",
+			"grensekontroll",
+			"tilsyn",
+			"inspeksjon"
+		]
+	},
+	"person-inspect-kitchen.svg": {
+		"categories": ["Mennesker", "Mat"],
+		"tags": [
+			"person",
+			"menneske",
+			"inspektør",
+			"kjøkken",
+			"tilsyn",
+			"inspeksjon",
+			"mat"
+		]
+	},
+	"person-inspect-meat.svg": {
+		"categories": ["Mennesker", "Mat"],
+		"tags": [
+			"person",
+			"menneske",
+			"inspektør",
+			"kjøtt",
+			"tilsyn",
+			"inspeksjon",
+			"mat"
+		]
+	},
+	"person-inspect-plants.svg": {
+		"categories": ["Mennesker", "Natur"],
+		"tags": [
+			"person",
+			"menneske",
+			"inspektør",
+			"plante",
+			"vekst",
+			"tilsyn",
+			"inspeksjon"
+		]
+	},
+	"person-lab-clipboard.svg": {
+		"categories": ["Mennesker", "Utstyr"],
+		"tags": [
+			"person",
+			"menneske",
+			"laboratorium",
+			"utklippstavle",
+			"prøve",
+			"tilsyn"
+		]
+	},
+	"person-lab-greet.svg": {
+		"categories": ["Mennesker", "Utstyr"],
+		"tags": ["person", "menneske", "laboratorium", "hilsen", "prøve", "analyse"]
+	},
+	"pitchfork-soil.svg": {
+		"categories": ["Utstyr", "Natur"],
+		"tags": ["høygaffel", "jord", "dyrking", "gårdsdrift", "landbruk"]
+	},
+	"plant-pot.svg": {
+		"categories": ["Natur"],
+		"tags": ["plante", "potte", "blomst", "vekst", "natur"]
+	},
+	"sailboat-people.svg": {
+		"categories": ["Mennesker", "Eksport"],
+		"tags": ["seilbåt", "båt", "person", "menneske", "transport", "sjø"]
+	},
+	"salami.svg": {
+		"categories": ["Mat"],
+		"tags": ["salami", "kjøtt", "pålegg"]
+	},
+	"sausage.svg": {
+		"categories": ["Mat"],
+		"tags": ["pølse", "kjøtt", "mat"]
+	},
+	"seed-group.svg": {
+		"categories": ["Natur"],
+		"tags": ["frø", "vekst", "natur"]
+	},
+	"seed.svg": {
+		"categories": ["Natur"],
+		"tags": ["frø", "natur"]
+	},
+	"shopping-basket.svg": {
+		"categories": ["Mat"],
+		"tags": ["handlekurv", "innkjøp", "mat", "handel"]
+	},
+	"sprouts-soil.svg": {
+		"categories": ["Natur"],
+		"tags": ["spirer", "jord", "plante", "vekst", "dyrking"]
+	},
+	"stove.svg": {
+		"categories": ["Utstyr"],
+		"tags": ["komfyr", "kjøkken", "matlaging", "varme"]
+	},
+	"test-tube-wide.svg": {
+		"categories": ["Utstyr"],
+		"tags": ["reagensrør", "laboratorium", "prøve", "analyse"]
+	},
+	"test-tube.svg": {
+		"categories": ["Utstyr"],
+		"tags": ["reagensrør", "laboratorium", "prøve", "analyse"]
+	},
+	"tractor-pesticides.svg": {
+		"categories": ["Utstyr", "Natur"],
+		"tags": ["traktor", "plantevern", "sprøyting", "gårdsdrift", "landbruk"]
+	},
+	"virus.svg": {
+		"categories": ["Beredskap"],
+		"tags": ["virus", "smitte", "sykdom", "beredskap"]
 	}
 }

package/mtds/illustrations/leaf.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="632" height="800" fill="none" viewBox="0 0 632 800"><path fill="#68b096" d="M14.79 800C-70.04 409.35 220.58 24.65 619.3 0c74.92 387.7-205.56 763-598.8 799.49-1.92.17-3.79.4-5.71.51"/></svg>

package/mtds/illustrations/parasite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1123" height="801" fill="none" viewBox="0 0 1123 801"><path fill="#f9c4aa" d="m1111.86 172.18-27.78-88.28c-19.33-62.54-85.83-97.86-148.53-78.67L751.98 63c-61.83 19.84-96.14 85.68-77.3 147.58-41.85-27.46-98.35-26.49-139.44 6.44L387.95 332.37c-25.87 19.96-41.03 48.5-44.96 78.66-27.12-11.33-58.49-12.75-87.98-1.34l-179.15 70.4c-61.04 24.15-90.73 93.38-66.55 154.25l33.77 86.13c23.54 61.11 92.42 91.66 153.7 68.15l179.14-70.4c49.42-19.72 78.32-69.1 74.44-119.42 42.16 30.5 101.3 30.73 143.92-3.3l147.3-115.36c31.78-24.39 47.64-61.9 46.14-99.13a119 119 0 0 0 63.73-1.57l183.57-57.78c62.47-20.07 96.93-87.05 76.84-149.36z"/></svg>

package/mtds/illustrations/person-ham.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="145" height="248" fill="none" viewBox="0 0 145 248"><path fill="#C58F79" d="M106.07 96.7c2.5-.76 9.16-2.3 11.96-.94 2.78 1.37 1.33 2.25.19 2.57-1.2.33-4.68 1.22-.15 2.31 1.97.48 4.06 1.4 5.54 2.62.92.77.96 2.26-2.97 3.6-3.94 1.36-8.55 1.93-12.02.45-3.47-1.49-2.8-1.76-2.8-1.76l.25-8.85Z"/><path fill="#9ECCED" d="M81.45 80.43c-5.16-8.38-5.91-10.18-8.78-17.2-1.8-4.38-4.74-9.38-7.53-12.05-4.12-3.95-6.02-5.82-10.76-6.86-2.7-.6-6.52 1.4-7.32 5.57-.8 4.16 3.22 8.36 4.45 9.43 1.23 1.07 3.82 2.8 8.5 10.3 3.65 5.84 3.3 6.45 8.85 18.67 2.73 5.53 5.02 7.9 9.75 10.5 5.06 2.8 12.4 5.69 27.9 9.27.25-2.21 1.06-12.93 1.06-12.93-18.27-5.35-23.91-11.1-26.12-14.7Z"/><path fill="#C58F79" d="M9.84 131.4c1.04 2.1 3.4 7.75 2.73 10.46-.67 2.7-1.14 3.24-4.64 6.28-.78.68-2.27 1.15-4.03-2.12-1.75-3.27-2.97-7.26-2.32-10.59.65-3.33.98-2.78.98-2.78l7.28-1.24Z"/><path fill="#9ECCED" d="M36.27 49.42c-.06-1.95-1.35-7.44-6.53-5.84-5.33 1.65-11.09 3.73-16.59 11.65-5.29 7.6-9.82 17.8-11.14 37.28C.54 114.18.03 134.06 0 134.4l12.78-.28c.02-.32.05-16.11 2.5-44.6.7-8.02 3-16.74 5.86-20.91 1.86-2.72 4.42-6.06 6.13-7.59 0 0 2.96-2.06 5.2-3.67 3.63-2.62 3.88-5.4 3.8-7.91Z"/><path fill="#1E1A28" d="M17.86 241.33s-1.63 4.35-1.81 5.32c-.19.84-.6 1.13 2.4 1.16 0 0 17.74.28 18.95 0 .8-.18 1.8-1.3 1.26-6.23l-20.8-.25ZM53.68 241.6s-.29 4.2.33 5.1c.62.92.99 1.5 6.44 1.2 0 0 15.36.28 15.85-.11.49-.4-2.31-6.47-2.31-6.47l-20.31.29Z"/><path fill="#9ECCED" d="M15.89 108.74c-.12 8.23-.98 51.14-1.1 55.78-.19 4.64-.31 44.09-.31 48.46 0 4.38-.13 28.41.42 29.2.56.78 23.48 1.37 24.65.52 1.17-.85 0-39.64.18-44.28.12-4.64.86-27.57.12-46.25-.73-18.68.6-22.13 1.04-22.13.43 0 .8-.92 2.53 16.71 1.72 17.64 5.22 49.71 5.96 57.48.74 7.84 2.76 38.21 3.57 38.54.8.32 22.49-.07 23.22-.33.74-.26-1.16-25.6-1.4-28.41-.25-2.81-5.17-65.12-5.41-68.46-.25-3.32-2.46-38.14-2.46-38.14s-25.94.06-28.15.26c-2.27.13-22.86 1.05-22.86 1.05Z"/><path fill="#054449" d="m14.46 170.65 1.38-57.04 51.42-1.03 4.13 57.16-56.93.91Z"/><path fill="#9ECCED" d="M66.66 98c.03 6.46.52 12.7.64 15.44 0 0-26.22 2.61-37 1.31 0 0-13.78-.61-14.5-.61 0 0 .18-11.35.17-17.8.1-9.86.29-18.23.55-25.29.26-7.05-.64-20.79 8.46-25.5 5.7-2.93 7.34-2.75 15.26-3.14 6.48-.26 15.66.73 19.4 4.2 4.77 4.37 5.34 13.79 6 22.83.44 10.19.77 20.07 1.03 28.55Z"/><path fill="#054449" d="m15.8 115.68.24-25.43s4.96-.82 6.52-1.15c1.57-.32 1.83-43.69 1.83-43.69s2.29-.98 3.55-1.42c.32-.1 1.95 25.22 2.14 27.43 0 0 19.95-.46 20.86-.59 0 0 .47-21.58.6-22.94l.44-4.6s3.09.5 3.87.96c.78.46 1.15 32.72 1.8 43.58 0 0-.38.16 2.08.3 1.64.02 6.83.4 6.83.4l.79 26.23-51.54.92Z"/><path fill="#C58F79" d="M55.6 27.1c-.08-.44-.47-.67-.93-.87.19-3.56-.56-5.83-2.14-8.12-1.34-1.92-3.2-3.84-5.8-4.77-2.31-.82-7.98-.6-10.25.31-5.44 2.07-7.59 7.13-7.87 12.71-.46.12-.87.3-1 .71a3.3 3.3 0 0 0-.26 2.18c.18.63.58 1.03 1.4 1.57.21 2.6 1.03 5.09 2.38 7.15l.28.42c2.11 3.24 4.94 5.13 8.32 5.13h2.67c3.37 0 6.55-1.87 8.67-5.08l.84-1.29a15.4 15.4 0 0 0 2.36-6.65c.7-.35 1.07-.67 1.3-1.2.3-.74.23-1.44.03-2.2Z"/><path fill="#1E1A28" d="M62.43 31.37c-.36-1.88-2.63-4.32-3.41-5.54-2.08-3.24-2.93-4.9-2.93-4.9-2.26-4.63-7.17-8.45-12.75-8.72-2.88-.13-5.92-.08-8.65 1.53-.01 0 .02-.01 0 0-3.96 1.98-7.07 7.21-6.3 11.85.04.26.09.51.15.76.46-.01.99.1 1.4-.16a18.24 18.24 0 0 0 5.93-6.84c4.39 6.64 13.25 9.01 18.8 6.87v.01c.45.2.84.44.92.88.21.75.27 1.45-.02 2.2-.23.53-.62.85-1.3 1.2a15.4 15.4 0 0 1-2.37 6.66l-.85 1.28c-.7 1.06-1.5 1.97-2.4 2.72.16.56 1.27 3.58 5.47 2.71 4.43-.91 4.37-1.33 6.28-3.36 2.1-2.24 2.86-4.91 2.03-9.15Z"/><path fill="#F9C4AA" d="M107.44 68.99c-6.28 1.81-15.5 11.02-14.34 17.21 1.16 6.2 5.96 15.83 18.24 15.86 12.27.03 21.85-1.4 25.67-4.15 7.36-5.27 10.88-21.48 2.45-28.14-6.86-5.42-19.54-4.37-32.02-.78Z"/><path fill="#DA573B" d="M99.06 77.54c-1.58.76-4.83 5.55-3.8 8.43 1.04 2.88 2.58 8.51 6.38 10.89 3.8 2.37 10.15 2.98 13.25 2.84 3.1-.13 8.63 1.07 8.15-2.23-.48-3.3-.4-11.97-3.41-13.87-3.03-1.89-4.48-9.57-7.83-10.06-3.34-.49-3.38 2.6-6.02 4.28-2.64 1.66-4-1.58-6.72-.28ZM116.37 74.43c.34 1.64 2.74 6.49 4.39 7.44 1.64.96 13.36 2.32 12.9.53-.45-1.79-5.9-7.43-9.4-8.35-1.57-.42-8.18-1.04-7.89.38ZM127.07 85.6c-3.2.01-3.3 2.52-3.11 4.65.17 2.13 8.03.6 9.06-.78 1.04-1.37-2.05-3.88-5.95-3.87ZM135.4 89.65c-1.46.84-9.95 3.13-10.35 4.18-.4 1.04-1.96 4.52.33 4.79 2.3.27 9.58-.31 9.94-2.78.37-2.47 1.8-7.2.08-6.2Z"/><path fill="#9ECCED" d="M55.33 24.75s-.52-.94-2.44-2.65c-1.46-1.3-6.74-4.24-13.45-3.46-6.71.77-10.22 5.96-11.25 6.3-.35.12-.1-5.21-.1-5.21s.95-4.6 4.7-7.37c4-2.95 7.68-4.26 13.45-2.69 9.55 2.6 10.17 9.94 9.62 15.33l-.53-.26Z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="451" height="800" fill="none" viewBox="0 0 451 800"><path fill="#c58f79" d="M342.37 311.83c8.08-2.47 29.56-7.45 38.57-3.04s4.31 7.25.63 8.28c-3.84 1.07-15.1 3.93-.5 7.46 6.39 1.55 13.12 4.48 17.9 8.45 2.96 2.48 3.1 7.26-9.6 11.63-12.7 4.36-27.57 6.2-38.77 1.4-11.2-4.78-9.07-5.66-9.07-5.66z"/><path fill="#fff" d="M262.88 259.35c-16.63-27.04-19.06-32.84-28.34-55.45-5.8-14.13-15.3-30.25-24.29-38.87-13.28-12.74-19.42-18.76-34.73-22.13-8.72-1.92-21.06 4.54-23.62 17.97s10.38 26.97 14.36 30.42 12.31 9.03 27.43 33.22c11.77 18.83 10.63 20.78 28.58 60.19 8.79 17.84 16.19 25.44 31.46 33.88 16.32 9.01 40.03 18.3 90.06 29.86.8-7.14 3.41-41.7 3.41-41.7-58.97-17.25-77.18-35.78-84.32-47.39"/><path fill="#1e1a28" d="M57.65 778.16s-5.25 14.05-5.85 17.16c-.6 2.7-1.9 3.66 7.74 3.75 0 0 57.28.9 61.18 0 2.58-.6 5.8-4.17 4.06-20.1zM173.26 779.06s-.93 13.5 1.06 16.44 3.2 4.84 20.78 3.87c0 0 49.6.9 51.18-.38s-7.47-20.87-7.47-20.87z"/><path fill="#054449" d="M52.03 350.63c-.4 26.54-3.91 164.92-4.3 179.86-.6 14.96-1 142.17-1 156.28 0 14.1-.4 91.6 1.38 94.13 1.79 2.52 75.78 4.42 79.54 1.68 3.77-2.73 0-127.83.6-142.79.39-14.95 2.77-88.87.39-149.1-2.38-60.24 1.94-71.39 3.34-71.39s2.61-2.96 8.16 53.9S157 633.5 159.38 658.55c2.38 25.27 8.92 123.22 11.51 124.26 2.58 1.06 72.6-.2 74.98-1.04s-3.77-82.58-4.56-91.63c-.79-9.06-16.66-209.98-17.45-220.73-.8-10.73-7.94-123-7.94-123s-83.7.21-90.84.85c-7.34.41-73.05 3.37-73.05 3.37h.01z"/><path fill="#9bcab9" d="M215.16 315.99c.1 20.85 1.66 40.95 2.07 49.8 0 0-84.64 8.43-119.42 4.24 0 0-44.48-1.99-46.8-1.99 0 0 .56-36.6.52-57.42.3-31.76.94-58.76 1.78-81.5s-2.05-67.05 27.32-82.22c18.38-9.48 23.68-8.88 49.24-10.14 20.91-.84 50.57 2.35 62.6 13.51 15.42 14.1 17.26 44.48 19.4 73.63a7294 7294 0 0 1 3.3 92.09"/><path fill="#c58f79" d="M31.77 423.73c3.34 6.76 10.94 24.98 8.8 33.7-2.15 8.72-3.67 10.44-14.96 20.24-2.54 2.2-7.36 3.7-13.02-6.83S3 447.43 5.1 436.7c2.1-10.74 3.16-8.99 3.16-8.99l23.5-3.98z"/><path fill="#fff" d="M117.07 159.36c-.21-6.28-4.37-23.98-21.08-18.83-17.21 5.3-35.79 12.04-53.54 37.55-17.08 24.54-31.7 57.43-35.97 120.22C1.74 368.16.08 432.3 0 433.33l41.25-.88c.08-1.05.15-51.96 8.1-143.84 2.22-25.85 9.65-53.95 18.9-67.42 6-8.74 14.26-19.53 19.78-24.45 0 0 9.55-6.64 16.76-11.84 11.74-8.46 12.54-17.4 12.28-25.52zM212.96 223.1l-4.15-59.64c-20.85-24.65-49.65-25.8-54.92-26.22a.85.85 0 0 0-.92.86c.46 22.46 9.17 444.53 13.83 461.76.18.64.74 1.05 1.41 1.05h71.66c.84 0 1.51-.72 1.44-1.6l-26.93-332.09z"/><path fill="#fff" d="M117.07 159.13c-.21-6.28-4.36-23.98-21.08-18.84-17.2 5.31-35.78 12.04-53.54 37.55-17.07 24.54-31.7 57.43-35.97 120.22C1.73 367.93.1 432.06 0 433.1l41.25-.9c.08-1.03.15-51.95 8.1-143.82 2.22-25.85 9.65-53.95 18.9-67.43 6-8.75 14.26-19.53 19.78-24.45 0 0 9.56-6.65 16.75-11.83 11.74-8.46 12.55-17.4 12.28-25.53z"/><path fill="#fff" d="M116.19 137.97c-.06-.48-.45-.84-.93-.8-.45.05-15.49.5-27.16 5.07-3.75 1.47-15.02 6.74-15.25 7.53l-21.94 74.51-.63 25.25-.07 152.19c-5 97.67-10.12 197.23-10.12 197.23-.08.85.6 1.6 1.43 1.6h77.31c.68 0 1.27-.44 1.42-1.09 3.95-15.76-1.28-440.07-4.08-461.5z"/><path fill="#054449" d="M176.9 188.16a13.3 13.3 0 0 0-6.85-1.83 11.97 11.97 0 0 1 23.51 1.02c-2.4-.2-4.82.23-6.98 1.28a4.89 4.89 0 0 0-9.68-.47m16.78.8a11.78 11.78 0 0 0-13.04 12 12 12 0 0 0 13.04-11.9zm-23.89-1.05a12 12 0 0 0 9.25 12.8v-.06c0-2.22.54-4.38 1.58-6.33-2-3.98-6.37-6.59-10.83-6.4"/><path fill="#c58f79" d="M179.45 87.4c-.27-1.42-1.53-2.19-3-2.82.6-11.5-1.8-18.8-6.91-26.2-4.3-6.18-10.3-12.35-18.72-15.36-7.46-2.67-25.74-1.97-33.08 1C100.17 50.67 93.25 66.98 92.35 85c-1.5.38-2.83.94-3.26 2.3-.97 2.3-1.45 4.47-.83 7.01.59 2.05 1.9 3.33 4.51 5.08a50 50 0 0 0 7.7 23.04l.9 1.37c6.82 10.45 15.95 16.53 26.87 16.53h8.6c10.87 0 21.16-6.02 27.98-16.4l2.72-4.13a50 50 0 0 0 7.62-21.46c2.23-1.12 3.47-2.15 4.2-3.86.95-2.4.75-4.64.09-7.08"/><path fill="#1e1a28" d="M176.39 84.38v.05c1.1.48 2.07 1.02 2.61 1.86 1.47-5.42 1.3-14.75 1.3-14.75l-.7-6.98c-7.81-13.78-22.86-24.8-39.83-25.61-9.3-.45-19.12-.28-27.96 4.95-12.8 6.41-22.86 23.4-20.39 38.45q.2 1.25.52 2.48c1.5-.05 3.18.33 4.53-.53 6.16-3.92 14.42-12.45 19.15-22.2 14.19 21.54 42.85 29.26 60.77 22.3z"/><path fill="#fff" d="M178.4 79.04s-1.68-3.06-7.85-8.63c-4.72-4.24-21.73-13.8-43.38-11.27-21.64 2.53-32.95 19.43-36.26 20.52-1.14.38-.33-16.96-.33-16.96s3.07-14.96 15.2-24c12.89-9.6 24.7-13.87 43.33-8.75 30.78 8.48 32.78 32.37 30.99 49.92l-1.7-.86z"/><path fill="#f9c4aa" d="M447.6 305.55c-4.96 20.06-22.43 26.55-41.43 28.57-23.83 2.56-47.09 3.87-71.17 4.87-3.2.13-7.27-1.04-9.88-2.3-10.8-5.21-17.62-14.4-20.6-26.07-7.96-31.11 16.53-63.38 48.35-71.68 16.42-4.27 33.56-6.36 50.27-3.88 14.26 2.12 26.9 9.2 36.53 19.17 5.97 6.19 9.22 14.03 9.95 22.5.85 9.72.3 19.5-2.01 28.82"/><path fill="#da573b" d="M437.63 273.73c-2.15-7.62-8.41-14.08-15.49-18.27-12.25-7.27-26.27-11.16-40.58-10.37-4.21.24-8.62 1.96-10.73 5.42-4.3 7.07 2.11 16.58 4.72 26.99a21.7 21.7 0 0 1-6.58 21.7l-10.83 9.88c-4.4 4-5.23 12.14-.47 16.24 4.04 3.5 11.4 2.6 16.37 2.57 8.7-.06 17.35-1.21 25.83-3.05 8.5-1.84 17.94-3.56 25-8.95 7-5.35 10.62-13.1 12.63-21.46 1.6-6.68 2.24-14.04.14-20.7"/><path fill="#da573b" d="M356.37 296.27c4.36-.09 7.28-2.44 8.58-5.91 2.92-7.06 1.81-14.4-.57-21.49-1.68-5.01-3.16-9.97-5.45-14.58-5.07-10.2-23.98 2.78-29.22 7.92-3.71 3.64-4.77 10.2-1.4 14.16l8.18 9.68c4.92 5.83 11.4 10.21 19.9 10.22zM340.36 324.49a45 45 0 0 1 5.6-13.14c6.73-11.18-7.16-6.47-20.4-27.9-.63-1.06-2.65-2.39-3.75-2.44-4.46-.2-7.47 7.53-8.05 12.13-1.68 13.41 2.45 32.6 18.1 35.9 3.73.78 7.6-.74 8.5-4.55"/></svg>

package/mtds/illustrations/person-inspect-border.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="768" height="800" fill="none" viewBox="0 0 768 800"><path fill="#c58f79" d="M152.33 585.46c3.6-1.08 13.16-3.28 17.16-1.33s1.92 3.18.28 3.64c-1.7.47-6.71 1.72-.22 3.28 2.84.68 5.84 1.97 7.96 3.71 1.32 1.1 1.39 3.2-4.26 5.12-5.66 1.92-12.27 2.73-17.25.62s-4.04-2.5-4.04-2.5z"/><path fill="#68b096" d="M116.97 562.38c-7.4-11.89-8.49-14.44-12.61-24.39-2.59-6.21-6.81-13.3-10.81-17.09-5.91-5.6-8.64-8.25-15.45-9.73-3.88-.85-9.37 2-10.51 7.9s4.61 11.86 6.38 13.38 5.48 3.97 12.21 14.6c5.24 8.29 4.73 9.15 12.72 26.48 3.9 7.84 7.2 11.19 14 14.9 7.25 3.96 17.8 8.05 40.07 13.13.35-3.14 1.51-18.34 1.51-18.34-26.24-7.59-34.34-15.73-37.51-20.84"/><path fill="#c58f79" d="M14.14 634.66c1.48 2.98 4.86 10.99 3.91 14.83s-1.63 4.59-6.66 8.9c-1.13.97-3.27 1.63-5.79-3-2.51-4.64-4.26-10.3-3.34-15.02.94-4.72 1.41-3.95 1.41-3.95l10.46-1.76"/><path fill="#68b096" d="M52.09 518.4c-.1-2.76-1.94-10.55-9.38-8.28-7.66 2.33-15.92 5.3-23.82 16.51-7.6 10.8-14.1 25.26-16 52.88C.76 610.23.03 638.42 0 638.89l18.35-.4c.04-.45.07-22.84 3.6-63.25 1-11.37 4.3-23.72 8.42-29.65 2.67-3.84 6.34-8.59 8.8-10.75 0 0 4.25-2.92 7.45-5.2 5.23-3.73 5.59-7.66 5.47-11.23"/><path fill="#1e1a28" d="M25.65 790.54s-2.34 6.17-2.6 7.55c-.27 1.18-.85 1.6 3.44 1.64 0 0 25.49.4 27.22 0 1.15-.26 2.58-1.83 1.8-8.83zM77.09 790.94s-.41 5.93.47 7.23c.9 1.29 1.42 2.12 9.25 1.7 0 0 22.07.4 22.77-.17.7-.56-3.32-9.18-3.32-9.18z"/><path fill="#054449" d="M23.15 602.52c-.18 11.67-1.74 72.53-1.92 79.1-.26 6.58-.44 62.52-.44 68.73 0 6.2-.18 40.28.62 41.4.8 1.1 33.71 1.94 35.38.73 1.68-1.2 0-56.21.27-62.8.18-6.57 1.23-39.08.18-65.57-1.06-26.49.86-31.39 1.48-31.39s1.16-1.3 3.63 23.7c2.47 25.01 7.5 70.5 8.56 81.51 1.06 11.12 3.97 54.19 5.13 54.65 1.14.47 32.3-.09 33.35-.46s-1.67-36.31-2.02-40.3-7.42-92.34-7.77-97.07-3.53-54.09-3.53-54.09-37.24.1-40.42.37c-3.26.19-32.5 1.49-32.5 1.49"/><path fill="#68b096" d="M95.73 587.29c.05 9.17.74 18.01.92 21.9 0 0-37.65 3.7-53.13 1.87 0 0-19.8-.88-20.82-.88 0 0 .25-16.1.23-25.25.13-13.97.42-25.84.8-35.84.37-10-.92-29.5 12.14-36.16 8.18-4.17 10.54-3.9 21.91-4.46 9.3-.37 22.5 1.03 27.86 5.94 6.86 6.2 7.67 19.56 8.63 32.38.63 14.45 1.1 28.46 1.47 40.5"/><path fill="#054449" d="M73.67 536.61a6 6 0 0 0-3.01-.8 5.25 5.25 0 0 1 5.12-4 5.24 5.24 0 0 1 5.2 4.45c-1.05-.1-2.11.1-3.06.56a2.14 2.14 0 0 0-2.14-1.94c-.89 0-1.87.57-2.11 1.73m7.37.35a5.15 5.15 0 0 0-5.73 5.22 5.24 5.24 0 0 0 5.73-5.18zm-10.5-.45a5.2 5.2 0 0 0 4.07 5.56v-.03q0-1.46.7-2.75a5.2 5.2 0 0 0-4.77-2.78"/><path fill="#c58f79" d="M79.84 486.76c-.12-.63-.68-.97-1.33-1.24.27-5.06-.8-8.28-3.08-11.52-1.91-2.73-4.58-5.44-8.33-6.76-3.32-1.18-11.45-.87-14.72.44-7.81 2.93-10.89 10.1-11.29 18.02-.67.17-1.26.41-1.45 1a4.6 4.6 0 0 0-.37 3.1c.26.9.84 1.46 2 2.23.32 3.68 1.5 7.2 3.43 10.13l.4.6c3.04 4.6 7.1 7.28 11.96 7.28h3.83c4.83 0 9.41-2.66 12.45-7.22l1.2-1.81a22 22 0 0 0 3.4-9.44c.99-.5 1.54-.95 1.87-1.7.42-1.06.33-2.04.03-3.11"/><path fill="#1e1a28" d="M69.44 468.24c-1.99-1.04-4.04-1.95-6.27-2.35a6 6 0 0 0 2.23-1.82l.47-.62c.73-.95 1.2-2.1 1.34-3.31l.14-1.18a6.8 6.8 0 0 0-1.12-4.62l-.35-.51a4.5 4.5 0 0 0-3.1-2 9.6 9.6 0 0 0-5.58.36 6.5 6.5 0 0 0-4.3 5.84l-.08 1.32c-.1 1.63.4 3.23 1.36 4.5l.16.2a7 7 0 0 0 1.95 1.75c-4.76.8-9.5 3.57-12.01 7.2-3.97 6.52-3.3 7.51-3.79 11.37-.06.5.03.98.07 1.47q1.44.24 2.94.24c7.45 0 13.88-4.45 16.82-10.88 2.83 6.77 9.4 11.67 16.77 10.59.46-.07.95-.22 1.4-.28.12-.92.1-1.7.1-2.66.06-5.3-3.36-11.6-9.15-14.61"/><path fill="#153f7b" d="M166.83 584.77c-16.07 26.42-15.72 55.88-15.62 60.49l-3.89 4.67c-4 4.83-5.27 8.49-5.36 9.1.32.34 2.73 2.17 5.28 4.35 2.9 2.5 5.78 5.15 5.78 5.15l1.27-1.2c1.43 8.12 2.65 16.85 4.5 24.58 2.29 9.61 3.72 16.8 6.14 25-1.6 3.27-2.69 5.8-4.44 9.2-2.85 4.8-8.48 14.62-8 15.14.73.47 5.69-.61 17.89-1.12 5.55-.03 20.25 1.4 20.45.67.32-.87-9.53-15.22-15.64-22.97 1.33-4.22 2.84-9.62 3.9-15.04.45.96.8 1.77.97 1.95.35-.07 2.03-1.3 4.27-2.3 2.4-1.08 4.97-2.1 5.16-2.31-1.1-3.2-5.28-10.42-7.13-12.61 2.5-10.7 3.96-19.72 4.78-30.77 3.23-43.36-7.77-63.27-16.5-71.96l-.03-.02-.28-.27c-1.88-1.75-3.04-.44-3.5.27"/><path fill="#da573b" d="M236.6 399.6h457.44v399.6H236.6z"/><rect width="21.03" height="336.51" x="271.25" y="431.15" fill="#e58976" rx="10.11"/><rect width="21.03" height="336.51" x="344.87" y="431.15" fill="#e58976" rx="10.11"/><rect width="21.03" height="336.51" x="418.48" y="431.15" fill="#e58976" rx="10.11"/><rect width="21.03" height="336.51" x="492.09" y="431.15" fill="#e58976" rx="10.11"/><rect width="21.03" height="336.51" x="565.7" y="431.15" fill="#e58976" rx="10.11"/><rect width="21.03" height="336.51" x="639.31" y="431.15" fill="#e58976" rx="10.11"/><path fill="#f9cc76" d="M310.22 0h457.44v399.6H310.22z"/><rect width="21.03" height="336.51" x="344.87" y="31.55" fill="#fbdb9f" rx="10.11"/><rect width="21.03" height="336.51" x="418.48" y="31.55" fill="#fbdb9f" rx="10.11"/><rect width="21.03" height="336.51" x="492.09" y="31.55" fill="#fbdb9f" rx="10.11"/><rect width="21.03" height="336.51" x="565.7" y="31.55" fill="#fbdb9f" rx="10.11"/><rect width="21.03" height="336.51" x="639.31" y="31.55" fill="#fbdb9f" rx="10.11"/><rect width="21.03" height="336.51" x="712.92" y="31.55" fill="#fbdb9f" rx="10.11"/></svg>