@mattilsynet/design 2.3.6 → 2.3.7

package/mtds/atlas/atlas-element.js

@@ -24,7 +24,7 @@ class m extends C {
         "style",
         null,
         `@layer leaflet{${f}}
-@layer mt.v2-3-6design{${b}`
+@layer mt.v2-3-7design{${b}`
       ),
       r("figure")
     );

package/mtds/atlas/atlas-matgeo.js

@@ -1,16 +1,16 @@
 import { booleanPointInPolygon as c } from "../external/@turf/boolean-point-in-polygon/dist/esm/index.js";
 import { point as d } from "../external/@turf/helpers/dist/esm/index.js";
 import r from "../external/leaflet/dist/leaflet-src.js";
-import { defineElement as g, MTDSElement as m, debounce as p, attr as n } from "../utils.js";
+import { defineElement as g, MTDSElement as p, debounce as m, attr as n } from "../utils.js";
 const h = "moveend zoomend refresh";
-class u extends m {
+class u extends p {
   atlas;
   geojson;
   static get observedAttributes() {
     return ["hidden", "data-collection", "data-color", "popovertarget"];
   }
   constructor() {
-    super(), this.refresh = p(this.refresh, 300);
+    super(), this.refresh = m(this.refresh, 300);
   }
   connectedCallback() {
     queueMicrotask(() => {
@@ -31,7 +31,7 @@ class u extends m {
     !this.geojson || !this.atlas?.map?.hasLayer(this.geojson) || this.getCollection().then((s) => {
       const o = s?.links.find(({ rel: e }) => e === "items"), a = t === !0 ? `&nocache=${Date.now()}` : "", i = this.atlas?.map?.getBounds().toBBoxString();
       s ? fetch(`${o?.href}?bbox=${i}${a}`).then((e) => e.json()).then((e) => this.geojson?.clearLayers().addData(e)) : this.atlas?.getCollections().then((e) => {
-        const l = `mtds-atlas-matgeo: Please set a vaild \x1B[103mdata-collection="${Object.keys(e).join(" | ")}"\x1B[m`;
+        const l = `mtds-atlas-matgeo: Please set a vaild data-collection="${Object.keys(e).join(" | ")}"`;
         console.warn(l);
       });
     });

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

@@ -1 +1 @@
-{"version":3,"file":"atlas-matgeo.js","sources":["../../designsystem/atlas/atlas-matgeo.ts"],"sourcesContent":["import { booleanPointInPolygon as inGeo } from \"@turf/boolean-point-in-polygon\";\nimport { point as turfPoint } from \"@turf/helpers\";\n\nimport L from \"leaflet\";\nimport { attr, debounce, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasCollection, MTDSAtlasElement } from \"./atlas-element\";\n\ntype Feature = L.Polygon[\"feature\"];\ntype LayerWithFeature = L.Layer & { feature?: Feature };\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-matgeo\": MTDSAtlasMatgeoElement;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\tatlasfeatureclick: CustomEvent<\n\t\t\tOmit<L.LeafletMouseEvent, \"target\"> & {\n\t\t\t\ttargets: LayerWithFeature[];\n\t\t\t\tcollections: MTDSAtlasCollection[];\n\t\t\t}\n\t\t>;\n\t}\n}\n\nconst EVENTS = \"moveend zoomend refresh\";\n\nexport class MTDSAtlasMatgeoElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tgeojson?: L.GeoJSON;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-collection\", \"data-color\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.refresh = debounce(this.refresh, 300); // Debounce to avoid too many requests\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.atlas?.map?.on(EVENTS, this.refresh, this);\n\t\t\tthis.geojson = new L.GeoJSON(null, {\n\t\t\t\tstyle: this.#getStyle(),\n\t\t\t\tonEachFeature: (_, layer) => layer.on(\"click\", this.handleEvent, this),\n\t\t\t}).bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.refresh();\n\t\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tconst geojson = this.geojson;\n\t\tconst map = this.atlas?.map;\n\t\tif (name === \"popovertarget\") geojson?.getPopup()?.update();\n\t\tif (name === \"data-color\") geojson?.setStyle(this.#getStyle());\n\t\tif (name === \"data-collection\") this.refresh();\n\t\tif (name === \"hidden\" && geojson && map)\n\t\t\tmap[this.hidden ? \"removeLayer\" : \"addLayer\"](geojson);\n\t}\n\tdisconnectedCallback() {\n\t\tthis.atlas?.map?.off(EVENTS, this.refresh, this);\n\t\tthis.geojson?.unbindPopup().remove();\n\t\tthis.geojson = this.atlas = undefined;\n\t}\n\trefresh(nocache?: boolean | L.LeafletEvent) {\n\t\tif (!this.geojson || !this.atlas?.map?.hasLayer(this.geojson)) return;\n\t\tthis.getCollection().then((collection) => {\n\t\t\tconst items = collection?.links.find(({ rel }) => rel === \"items\");\n\t\t\tconst cache = nocache === true ? `&nocache=${Date.now()}` : \"\";\n\t\t\tconst bbox = this.atlas?.map?.getBounds().toBBoxString();\n\n\t\t\tif (!collection)\n\t\t\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\t\t\tconst message = `mtds-atlas-matgeo: Please set a vaild \\x1B[103mdata-collection=\"${Object.keys(collections).join(\" | \")}\"\\x1B[m`;\n\t\t\t\t\tconsole.warn(message);\n\t\t\t\t});\n\t\t\telse\n\t\t\t\tfetch(`${items?.href}?bbox=${bbox}${cache}`)\n\t\t\t\t\t.then((res) => res.json())\n\t\t\t\t\t.then((data) => this.geojson?.clearLayers().addData(data));\n\t\t});\n\t}\n\thandleEvent(event: L.LeafletMouseEvent) {\n\t\tevent.originalEvent.stopPropagation(); // Prevent clicks from bubbling from ShadowDOM\n\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\tconst targets: LayerWithFeature[] = [event.target]; // Leaflet does not list all clicked layers, so we find them manually\n\t\t\tconst detail = { ...event, targets, collections };\n\t\t\tconst point = turfPoint([event.latlng.lng, event.latlng.lat]);\n\n\t\t\tthis.atlas?.map?.eachLayer((layer: LayerWithFeature) => {\n\t\t\t\tif (layer === event.target) return; // Already added\n\t\t\t\tconst inside =\n\t\t\t\t\t(layer.feature?.geometry && inGeo(point, layer.feature.geometry)) ||\n\t\t\t\t\t(layer instanceof L.Marker && layer.getLatLng().equals(event.latlng));\n\t\t\t\tif (inside) targets.push(layer);\n\t\t\t});\n\n\t\t\tthis.dispatchEvent(new MouseEvent(\"click\", event.originalEvent)); // Forward click, but from <mtds-atlas-matgeo> element\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(\"atlasfeatureclick\", { detail, bubbles: true }),\n\t\t\t);\n\t\t});\n\t}\n\tasync getCollection() {\n\t\treturn this.atlas\n\t\t\t?.getCollections()\n\t\t\t.then((cols) => cols?.[attr(this, \"data-collection\") || \"\"]);\n\t}\n\t#getStyle() {\n\t\treturn {\n\t\t\tcolor: `var(--mtds-color-${attr(this, \"data-color\") || \"main\"}-base-default)`,\n\t\t};\n\t}\n}\n\ndefineElement(\"mtds-atlas-matgeo\", MTDSAtlasMatgeoElement);\n"],"names":["EVENTS","MTDSAtlasMatgeoElement","MTDSElement","debounce","L","#getStyle","_","layer","attr","name","geojson","map","nocache","collection","items","rel","cache","bbox","res","data","collections","message","event","targets","detail","point","turfPoint","inGeo","cols","defineElement"],"mappings":"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"}
+{"version":3,"file":"atlas-matgeo.js","sources":["../../designsystem/atlas/atlas-matgeo.ts"],"sourcesContent":["import { booleanPointInPolygon as inGeo } from \"@turf/boolean-point-in-polygon\";\nimport { point as turfPoint } from \"@turf/helpers\";\n\nimport L from \"leaflet\";\nimport { attr, debounce, defineElement, MTDSElement } from \"../utils\";\nimport type { MTDSAtlasCollection, MTDSAtlasElement } from \"./atlas-element\";\n\ntype Feature = L.Polygon[\"feature\"];\ntype LayerWithFeature = L.Layer & { feature?: Feature };\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t\"mtds-atlas-matgeo\": MTDSAtlasMatgeoElement;\n\t}\n\tinterface GlobalEventHandlersEventMap {\n\t\tatlasfeatureclick: CustomEvent<\n\t\t\tOmit<L.LeafletMouseEvent, \"target\"> & {\n\t\t\t\ttargets: LayerWithFeature[];\n\t\t\t\tcollections: MTDSAtlasCollection[];\n\t\t\t}\n\t\t>;\n\t}\n}\n\nconst EVENTS = \"moveend zoomend refresh\";\n\nexport class MTDSAtlasMatgeoElement extends MTDSElement {\n\tatlas?: MTDSAtlasElement;\n\tgeojson?: L.GeoJSON;\n\n\tstatic get observedAttributes() {\n\t\treturn [\"hidden\", \"data-collection\", \"data-color\", \"popovertarget\"]; // Using ES2015 syntax for backwards compatibility\n\t}\n\tconstructor() {\n\t\tsuper();\n\t\tthis.refresh = debounce(this.refresh, 300); // Debounce to avoid too many requests\n\t}\n\tconnectedCallback() {\n\t\tqueueMicrotask(() => {\n\t\t\tthis.atlas = this.closest<MTDSAtlasElement>(\"mtds-atlas\") || undefined;\n\t\t\tthis.atlas?.map?.on(EVENTS, this.refresh, this);\n\t\t\tthis.geojson = new L.GeoJSON(null, {\n\t\t\t\tstyle: this.#getStyle(),\n\t\t\t\tonEachFeature: (_, layer) => layer.on(\"click\", this.handleEvent, this),\n\t\t\t}).bindPopup(() => `#${attr(this, \"popovertarget\")}`);\n\t\t\tthis.refresh();\n\t\t\tthis.attributeChangedCallback(\"hidden\"); // Maybe add to map\n\t\t}); // Let the atlas parent initialize first\n\t}\n\tattributeChangedCallback(name?: string) {\n\t\tconst geojson = this.geojson;\n\t\tconst map = this.atlas?.map;\n\t\tif (name === \"popovertarget\") geojson?.getPopup()?.update();\n\t\tif (name === \"data-color\") geojson?.setStyle(this.#getStyle());\n\t\tif (name === \"data-collection\") this.refresh();\n\t\tif (name === \"hidden\" && geojson && map)\n\t\t\tmap[this.hidden ? \"removeLayer\" : \"addLayer\"](geojson);\n\t}\n\tdisconnectedCallback() {\n\t\tthis.atlas?.map?.off(EVENTS, this.refresh, this);\n\t\tthis.geojson?.unbindPopup().remove();\n\t\tthis.geojson = this.atlas = undefined;\n\t}\n\trefresh(nocache?: boolean | L.LeafletEvent) {\n\t\tif (!this.geojson || !this.atlas?.map?.hasLayer(this.geojson)) return;\n\t\tthis.getCollection().then((collection) => {\n\t\t\tconst items = collection?.links.find(({ rel }) => rel === \"items\");\n\t\t\tconst cache = nocache === true ? `&nocache=${Date.now()}` : \"\";\n\t\t\tconst bbox = this.atlas?.map?.getBounds().toBBoxString();\n\n\t\t\tif (!collection)\n\t\t\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\t\t\tconst message = `mtds-atlas-matgeo: Please set a vaild data-collection=\"${Object.keys(collections).join(\" | \")}\"`;\n\t\t\t\t\tconsole.warn(message);\n\t\t\t\t});\n\t\t\telse\n\t\t\t\tfetch(`${items?.href}?bbox=${bbox}${cache}`)\n\t\t\t\t\t.then((res) => res.json())\n\t\t\t\t\t.then((data) => this.geojson?.clearLayers().addData(data));\n\t\t});\n\t}\n\thandleEvent(event: L.LeafletMouseEvent) {\n\t\tevent.originalEvent.stopPropagation(); // Prevent clicks from bubbling from ShadowDOM\n\t\tthis.atlas?.getCollections().then((collections) => {\n\t\t\tconst targets: LayerWithFeature[] = [event.target]; // Leaflet does not list all clicked layers, so we find them manually\n\t\t\tconst detail = { ...event, targets, collections };\n\t\t\tconst point = turfPoint([event.latlng.lng, event.latlng.lat]);\n\n\t\t\tthis.atlas?.map?.eachLayer((layer: LayerWithFeature) => {\n\t\t\t\tif (layer === event.target) return; // Already added\n\t\t\t\tconst inside =\n\t\t\t\t\t(layer.feature?.geometry && inGeo(point, layer.feature.geometry)) ||\n\t\t\t\t\t(layer instanceof L.Marker && layer.getLatLng().equals(event.latlng));\n\t\t\t\tif (inside) targets.push(layer);\n\t\t\t});\n\n\t\t\tthis.dispatchEvent(new MouseEvent(\"click\", event.originalEvent)); // Forward click, but from <mtds-atlas-matgeo> element\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent(\"atlasfeatureclick\", { detail, bubbles: true }),\n\t\t\t);\n\t\t});\n\t}\n\tasync getCollection() {\n\t\treturn this.atlas\n\t\t\t?.getCollections()\n\t\t\t.then((cols) => cols?.[attr(this, \"data-collection\") || \"\"]);\n\t}\n\t#getStyle() {\n\t\treturn {\n\t\t\tcolor: `var(--mtds-color-${attr(this, \"data-color\") || \"main\"}-base-default)`,\n\t\t};\n\t}\n}\n\ndefineElement(\"mtds-atlas-matgeo\", MTDSAtlasMatgeoElement);\n"],"names":["EVENTS","MTDSAtlasMatgeoElement","MTDSElement","debounce","L","#getStyle","_","layer","attr","name","geojson","map","nocache","collection","items","rel","cache","bbox","res","data","collections","message","event","targets","detail","point","turfPoint","inGeo","cols","defineElement"],"mappings":"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"}

package/mtds/atlas.iife.js

@@ -733,5 +733,5 @@ path.leaflet-interactive:focus:not(:focus-visible) {
 .leaflet-popup:has(slot) .leaflet-popup-content-wrapper { display: contents } /* No need for styling this element */
 .leaflet-popup:has(slot) .leaflet-popup-content { margin: 0; font: inherit }
 
-`;let sn=0;class on extends ue{atlas;marker;static get observedAttributes(){return["hidden","draggable","data-latlng","popovertarget"]}connectedCallback(){queueMicrotask(()=>{const t=ce("slot",{name:`${++sn}`}),e=new _.DivIcon({html:t,iconSize:[0,0]});this.atlas=this.closest("mtds-atlas")||void 0,this.marker=new _.Marker(this.#t(),{draggable:this.draggable,keyboard:!1,icon:e}),this.marker.bindPopup(()=>`#${A(this,"popovertarget")}`),this.marker.on("dragend",this.#e),nn(this,"click,keydown",this),A(this,"slot",`${sn}`),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.#t();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(){Ke(this,"click,keydown",this),this.marker?.unbindPopup().off("dragend",this.#e).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)}#t(){return this.latlng?.split(",").map(parseFloat)}#e(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",on);const lt=11102230246251565e-32,R=134217729,ts=(3+8*lt)*lt;function Ye(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 es(n,t){let e=t[0];for(let i=1;i<n;i++)e+=t[i];return e}function Wt(n){return new Float64Array(n)}const is=(3+16*lt)*lt,ns=(2+12*lt)*lt,ss=(9+64*lt)*lt*lt,Mt=Wt(4),rn=Wt(8),an=Wt(12),ln=Wt(16),j=Wt(4);function os(n,t,e,i,s,o,r){let a,l,h,d,c,u,p,y,g,x,v,M,B,O,I,Z,$,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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,Mt[0]=I-(v+c)+(c-$),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=es(4,Mt),ht=ns*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=ss*r+ts*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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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=Ye(4,Mt,4,j,rn);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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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=Ye(me,rn,4,j,an);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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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 ms=Ye(fn,an,4,j,ln);return ln[ms-1]}function rs(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)>=is*h?l:-os(n,t,e,i,s,o,h)}function as(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=rs(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 ls(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 hs(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(!hn(n[0])||!hn(n[1]))throw new Error("coordinates must contain numbers");return ls({type:"Point",coordinates:n},t,e)}function hn(n){return!isNaN(n)&&n!==null&&!Array.isArray(n)}function ds(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 cs(n){return n.type==="Feature"?n.geometry:n}function us(n,t,e={}){if(!n)throw new Error("point is required");if(!t)throw new Error("polygon is required");const i=ds(n),s=cs(t),o=s.type,r=t.bbox;let a=s.coordinates;if(r&&ps(i,r)===!1)return!1;o==="Polygon"&&(a=[a]);let l=!1;for(var h=0;h<a.length;++h){const d=as(i,a[h]);if(d===0)return!e.ignoreBoundary;d&&(l=!0)}return l}function ps(n,t){return t[0]<=n[0]&&t[1]<=n[1]&&t[2]>=n[0]&&t[3]>=n[1]}const dn="moveend zoomend refresh";class cn extends ue{atlas;geojson;static get observedAttributes(){return["hidden","data-collection","data-color","popovertarget"]}constructor(){super(),this.refresh=Jn(this.refresh,300)}connectedCallback(){queueMicrotask(()=>{this.atlas=this.closest("mtds-atlas")||void 0,this.atlas?.map?.on(dn,this.refresh,this),this.geojson=new _.GeoJSON(null,{style:this.#t(),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(this.#t()),t==="data-collection"&&this.refresh(),t==="hidden"&&e&&i&&i[this.hidden?"removeLayer":"addLayer"](e)}disconnectedCallback(){this.atlas?.map?.off(dn,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 \x1B[103mdata-collection="${Object.keys(r).join(" | ")}"\x1B[m`;console.warn(a)})})}handleEvent(t){t.originalEvent.stopPropagation(),this.atlas?.getCollections().then(e=>{const i=[t.target],s={...t,targets:i,collections:e},o=hs([t.latlng.lng,t.latlng.lat]);this.atlas?.map?.eachLayer(r=>{if(r===t.target)return;(r.feature?.geometry&&us(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")||""])}#t(){return{color:`var(--mtds-color-${A(this,"data-color")||"main"}-base-default)`}}}pe("mtds-atlas-matgeo",cn);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 Xe=0;const pn=18,_s="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",fs=[[57.5,4.73],[71.5,31.44]];Ve()&&!window._matgeoCollections&&(window._matgeoCollections=fetch(_n).then(n=>n.json()).then(n=>n.collections.map(t=>[t.id,t])).then(Object.fromEntries));class _e extends ue{cluster;map;static get observedAttributes(){return["data-view","data-scrollzoom"]}constructor(){super(),this.attachShadow({mode:"open"}).append(ce("style",null,`@layer leaflet{${Yn}}
+`;let sn=0;class on extends ue{atlas;marker;static get observedAttributes(){return["hidden","draggable","data-latlng","popovertarget"]}connectedCallback(){queueMicrotask(()=>{const t=ce("slot",{name:`${++sn}`}),e=new _.DivIcon({html:t,iconSize:[0,0]});this.atlas=this.closest("mtds-atlas")||void 0,this.marker=new _.Marker(this.#t(),{draggable:this.draggable,keyboard:!1,icon:e}),this.marker.bindPopup(()=>`#${A(this,"popovertarget")}`),this.marker.on("dragend",this.#e),nn(this,"click,keydown",this),A(this,"slot",`${sn}`),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.#t();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(){Ke(this,"click,keydown",this),this.marker?.unbindPopup().off("dragend",this.#e).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)}#t(){return this.latlng?.split(",").map(parseFloat)}#e(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",on);const lt=11102230246251565e-32,R=134217729,ts=(3+8*lt)*lt;function Ye(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 es(n,t){let e=t[0];for(let i=1;i<n;i++)e+=t[i];return e}function Wt(n){return new Float64Array(n)}const is=(3+16*lt)*lt,ns=(2+12*lt)*lt,ss=(9+64*lt)*lt*lt,Mt=Wt(4),rn=Wt(8),an=Wt(12),ln=Wt(16),j=Wt(4);function os(n,t,e,i,s,o,r){let a,l,h,d,c,u,p,y,g,x,v,M,B,O,I,Z,$,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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,Mt[0]=I-(v+c)+(c-$),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=es(4,Mt),ht=ns*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=ss*r+ts*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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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=Ye(4,Mt,4,j,rn);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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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=Ye(me,rn,4,j,an);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,$=y*x-(Z-p*g-y*g-p*x),v=I-$,c=I-v,j[0]=I-(v+c)+(c-$),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 ms=Ye(fn,an,4,j,ln);return ln[ms-1]}function rs(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)>=is*h?l:-os(n,t,e,i,s,o,h)}function as(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=rs(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 ls(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 hs(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(!hn(n[0])||!hn(n[1]))throw new Error("coordinates must contain numbers");return ls({type:"Point",coordinates:n},t,e)}function hn(n){return!isNaN(n)&&n!==null&&!Array.isArray(n)}function ds(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 cs(n){return n.type==="Feature"?n.geometry:n}function us(n,t,e={}){if(!n)throw new Error("point is required");if(!t)throw new Error("polygon is required");const i=ds(n),s=cs(t),o=s.type,r=t.bbox;let a=s.coordinates;if(r&&ps(i,r)===!1)return!1;o==="Polygon"&&(a=[a]);let l=!1;for(var h=0;h<a.length;++h){const d=as(i,a[h]);if(d===0)return!e.ignoreBoundary;d&&(l=!0)}return l}function ps(n,t){return t[0]<=n[0]&&t[1]<=n[1]&&t[2]>=n[0]&&t[3]>=n[1]}const dn="moveend zoomend refresh";class cn extends ue{atlas;geojson;static get observedAttributes(){return["hidden","data-collection","data-color","popovertarget"]}constructor(){super(),this.refresh=Jn(this.refresh,300)}connectedCallback(){queueMicrotask(()=>{this.atlas=this.closest("mtds-atlas")||void 0,this.atlas?.map?.on(dn,this.refresh,this),this.geojson=new _.GeoJSON(null,{style:this.#t(),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(this.#t()),t==="data-collection"&&this.refresh(),t==="hidden"&&e&&i&&i[this.hidden?"removeLayer":"addLayer"](e)}disconnectedCallback(){this.atlas?.map?.off(dn,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=hs([t.latlng.lng,t.latlng.lat]);this.atlas?.map?.eachLayer(r=>{if(r===t.target)return;(r.feature?.geometry&&us(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")||""])}#t(){return{color:`var(--mtds-color-${A(this,"data-color")||"main"}-base-default)`}}}pe("mtds-atlas-matgeo",cn);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 Xe=0;const pn=18,_s="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",fs=[[57.5,4.73],[71.5,31.44]];Ve()&&!window._matgeoCollections&&(window._matgeoCollections=fetch(_n).then(n=>n.json()).then(n=>n.collections.map(t=>[t.id,t])).then(Object.fromEntries));class _e extends ue{cluster;map;static get observedAttributes(){return["data-view","data-scrollzoom"]}constructor(){super(),this.attachShadow({mode:"open"}).append(ce("style",null,`@layer leaflet{${Yn}}
 @layer mt.design{${Qn}`),ce("figure"))}connectedCallback(){const t=this.shadowRoot?.lastElementChild,e=A(this,"data-cluster")??"false",i=new _.TileLayer(_s,{attribution:"&copy; Kartverket",className:"leaflet-kartverket-tiles",maxZoom:pn});this.map=new _.Map(t,{attributionControl:!1,fadeAnimation:!1,layers:[i],zoomControl:!1,zoomSnap:.2}),nn(this,"pointerup,click",this.#e),this.map.addControl(new _.Control.Attribution({prefix:""})),this.map.addControl(new _.Control.Zoom({position:"bottomright"})),this.map.on("popupopen popupclose",this.#t,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(fs,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(){Ke(this,"pointerup,click",this.#e),this.map?.remove(),this.map=this.cluster=void 0}async getCollections(){return window._matgeoCollections||Promise.resolve({})}#t({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}))}#e(t){t.type==="click"?Xe&&t.stopPropagation?.():document.body.classList.contains("leaflet-dragging")&&(Xe=setTimeout(()=>{Xe=0},50))}}return pe("mtds-atlas",_e),Ve()&&(_.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=on,H.MTDSAtlasMatgeoElement=cn,H.MTDSAtlasWMSElement=un,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"}),H})({});

package/mtds/dialog/dialog-observer.js

@@ -1,49 +1,65 @@
-import l from "../styles.module.css.js";
-import { isBrowser as m, onLoaded as s, on as i, onMutation as d, QUICK_EVENT as r, deprecate as e, attr as t } from "../utils.js";
-const f = l.dialog.split(" ")[0], c = m() ? document.getElementsByClassName(
-  f
+import p from "../styles.module.css.js";
+import { isBrowser as u, onLoaded as h, on as l, onMutation as m, QUICK_EVENT as r, attr as e, deprecate as n } from "../utils.js";
+const b = p.dialog.split(" ")[0], g = u() ? document.getElementsByClassName(
+  b
 ) : [];
-function p() {
-  for (const o of c)
-    if (o.getAttribute("data-variant") === "drawer" && e(
+function w() {
+  for (const o of g)
+    if (o.getAttribute("data-variant") === "drawer" && n(
       '<dialog data-variant="drawer">',
       '<dialog data-placement="center|left|right|top|bottom">',
       o
     ), o.isConnected && o.showModal && o.close) {
-      const a = t(o, "data-closedby");
-      a && (t(o, "closedby", a), e(
+      const a = e(o, "data-closedby");
+      a && (e(o, "closedby", a), n(
         `<dialog data-closedby="${a}">`,
         `<dialog closedby="${a}">`,
         o
-      )), o.matches('[open]:not([data-modal="false"]):not(:modal)') ? (e(
+      )), o.matches('[open]:not([data-modal="false"]):not(:modal)') ? (n(
         '<dialog data-modal="true">',
         '.showModal() or <button command="show-modal" commandfor="DIALOG-ID"></button>'
-      ), t(o, "open", null), o.showModal()) : o.matches(":modal:not([open])") && (t(o, "open", ""), o.close());
+      ), e(o, "open", null), o.showModal()) : o.matches(":modal:not([open])") && (e(o, "open", ""), o.close());
     }
 }
-function g({ target: o }) {
-  for (const a of c)
+function D({ target: o }) {
+  for (const a of g)
     a.open && a.contains(o) && o?.closest?.('[data-command="close"]') && a.close();
 }
-const n = /* @__PURE__ */ new WeakSet();
-function u() {
+const f = /* @__PURE__ */ new WeakSet();
+function y() {
   document.querySelectorAll("[data-command]").forEach((o) => {
-    if (n.has(o)) return;
-    const a = t(o, "data-command");
-    n.add(o), a === "row" ? e(
+    if (f.has(o)) return;
+    const a = e(o, "data-command");
+    f.add(o), a === "row" ? n(
       `<${o.nodeName.toLowerCase()} data-command="${a}">`,
       `<tr data-clickdelegatefor="${o.nodeName}-ID">`,
       o
-    ) : e(
+    ) : n(
       `<button data-command="${a}">`,
       `<button command="${a?.replace("toggle-app-expanded", "show-modal")}" commandfor="TARGET-ID">`,
       o
     );
   });
 }
-s(() => [
-  i(document, "click", g, r),
-  d(p, ["open", "data-drawer"]),
-  d(u, "data-command")
+let d = !1;
+function C({
+  type: o,
+  target: a,
+  clientX: s = 0,
+  clientY: c = 0
+}) {
+  if (o === "pointerdown") {
+    const t = a?.closest?.("dialog")?.getBoundingClientRect();
+    d = !!(t && t.top <= c && c <= t.bottom && t.left <= s && s <= t.right);
+  } else {
+    const i = a instanceof HTMLDialogElement && !d && e(a, "closedby") === "any";
+    d = !1, i && requestAnimationFrame(() => a.open && a.close());
+  }
+}
+h(() => [
+  l(document, "click", D, r),
+  l(document, "pointerdown,pointerup", C, r),
+  m(w, ["open", "data-drawer"]),
+  m(y, "data-command")
 ]);
 //# sourceMappingURL=dialog-observer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-observer.js","sources":["../../designsystem/dialog/dialog-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdeprecate,\n\tisBrowser,\n\ton,\n\tonLoaded,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_DIALOG = styles.dialog.split(\" \")[0];\nconst DIALOGS = isBrowser()\n\t? (document.getElementsByClassName(\n\t\t\tCSS_DIALOG,\n\t\t) as HTMLCollectionOf<HTMLDialogElement>)\n\t: [];\n\nfunction handleDialogModal() {\n\tfor (const dialog of DIALOGS) {\n\t\tif (dialog.getAttribute(\"data-variant\") === \"drawer\")\n\t\t\tdeprecate(\n\t\t\t\t'<dialog data-variant=\"drawer\">',\n\t\t\t\t'<dialog data-placement=\"center|left|right|top|bottom\">',\n\t\t\t\tdialog,\n\t\t\t);\n\t\tif (dialog.isConnected && dialog.showModal && dialog.close) {\n\t\t\tconst closedby = attr(dialog, \"data-closedby\");\n\t\t\tif (closedby) {\n\t\t\t\tattr(dialog, \"closedby\", closedby);\n\t\t\t\tdeprecate(\n\t\t\t\t\t`<dialog data-closedby=\"${closedby}\">`,\n\t\t\t\t\t`<dialog closedby=\"${closedby}\">`,\n\t\t\t\t\tdialog,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (dialog.matches('[open]:not([data-modal=\"false\"]):not(:modal)')) {\n\t\t\t\tdeprecate(\n\t\t\t\t\t'<dialog data-modal=\"true\">',\n\t\t\t\t\t'.showModal() or <button command=\"show-modal\" commandfor=\"DIALOG-ID\"></button>',\n\t\t\t\t);\n\t\t\t\tattr(dialog, \"open\", null); // Using attribute instead of .close to avoid `close` event\n\t\t\t\tdialog.showModal();\n\t\t\t} else if (dialog.matches(\":modal:not([open])\")) {\n\t\t\t\tattr(dialog, \"open\", \"\"); // Set as open\n\t\t\t\tdialog.close(); // So we correctly can call .close, removing <dialog> from #top-layer\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction handleDialogCloseClick({ target: el }: Event) {\n\tfor (const dialog of DIALOGS)\n\t\tif (dialog.open && dialog.contains(el as Node)) {\n\t\t\tif ((el as Element)?.closest?.('[data-command=\"close\"]')) dialog.close();\n\t\t}\n}\n\nconst deprecations = new WeakSet();\nfunction handleCommandDepreactions() {\n\tdocument.querySelectorAll(\"[data-command]\").forEach((el) => {\n\t\tif (deprecations.has(el)) return;\n\t\tconst command = attr(el, \"data-command\");\n\t\tdeprecations.add(el);\n\n\t\tif (command === \"row\")\n\t\t\tdeprecate(\n\t\t\t\t`<${el.nodeName.toLowerCase()} data-command=\"${command}\">`,\n\t\t\t\t`<tr data-clickdelegatefor=\"${el.nodeName}-ID\">`,\n\t\t\t\tel,\n\t\t\t);\n\t\telse\n\t\t\tdeprecate(\n\t\t\t\t`<button data-command=\"${command}\">`,\n\t\t\t\t`<button command=\"${command?.replace(\"toggle-app-expanded\", \"show-modal\")}\" commandfor=\"TARGET-ID\">`,\n\t\t\t\tel,\n\t\t\t);\n\t});\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleDialogCloseClick, QUICK_EVENT),\n\tonMutation(handleDialogModal, [\"open\", \"data-drawer\"]),\n\tonMutation(handleCommandDepreactions, \"data-command\"),\n]);\n"],"names":["CSS_DIALOG","styles","DIALOGS","isBrowser","handleDialogModal","dialog","deprecate","closedby","attr","handleDialogCloseClick","el","deprecations","handleCommandDepreactions","command","onLoaded","on","QUICK_EVENT","onMutation"],"mappings":";;AAWA,MAAMA,IAAaC,EAAO,OAAO,MAAM,GAAG,EAAE,CAAC,GACvCC,IAAUC,MACZ,SAAS;AAAA,EACVH;AACD,IACC,CAAA;AAEH,SAASI,IAAoB;AAC5B,aAAWC,KAAUH;AAOpB,QANIG,EAAO,aAAa,cAAc,MAAM,YAC3CC;AAAA,MACC;AAAA,MACA;AAAA,MACAD;AAAA,IAAA,GAEEA,EAAO,eAAeA,EAAO,aAAaA,EAAO,OAAO;AAC3D,YAAME,IAAWC,EAAKH,GAAQ,eAAe;AAC7C,MAAIE,MACHC,EAAKH,GAAQ,YAAYE,CAAQ,GACjCD;AAAA,QACC,0BAA0BC,CAAQ;AAAA,QAClC,qBAAqBA,CAAQ;AAAA,QAC7BF;AAAA,MAAA,IAGEA,EAAO,QAAQ,8CAA8C,KAChEC;AAAA,QACC;AAAA,QACA;AAAA,MAAA,GAEDE,EAAKH,GAAQ,QAAQ,IAAI,GACzBA,EAAO,UAAA,KACGA,EAAO,QAAQ,oBAAoB,MAC7CG,EAAKH,GAAQ,QAAQ,EAAE,GACvBA,EAAO,MAAA;AAAA,IAET;AAEF;AAEA,SAASI,EAAuB,EAAE,QAAQC,KAAa;AACtD,aAAWL,KAAUH;AACpB,IAAIG,EAAO,QAAQA,EAAO,SAASK,CAAU,KACvCA,GAAgB,UAAU,wBAAwB,OAAU,MAAA;AAEpE;AAEA,MAAMC,wBAAmB,QAAA;AACzB,SAASC,IAA4B;AACpC,WAAS,iBAAiB,gBAAgB,EAAE,QAAQ,CAACF,MAAO;AAC3D,QAAIC,EAAa,IAAID,CAAE,EAAG;AAC1B,UAAMG,IAAUL,EAAKE,GAAI,cAAc;AACvC,IAAAC,EAAa,IAAID,CAAE,GAEfG,MAAY,QACfP;AAAA,MACC,IAAII,EAAG,SAAS,YAAA,CAAa,kBAAkBG,CAAO;AAAA,MACtD,8BAA8BH,EAAG,QAAQ;AAAA,MACzCA;AAAA,IAAA,IAGDJ;AAAA,MACC,yBAAyBO,CAAO;AAAA,MAChC,oBAAoBA,GAAS,QAAQ,uBAAuB,YAAY,CAAC;AAAA,MACzEH;AAAA,IAAA;AAAA,EAEH,CAAC;AACF;AAEAI,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,SAASN,GAAwBO,CAAW;AAAA,EACzDC,EAAWb,GAAmB,CAAC,QAAQ,aAAa,CAAC;AAAA,EACrDa,EAAWL,GAA2B,cAAc;AACrD,CAAC;"}
+{"version":3,"file":"dialog-observer.js","sources":["../../designsystem/dialog/dialog-observer.ts"],"sourcesContent":["import styles from \"../styles.module.css\";\nimport {\n\tattr,\n\tdeprecate,\n\tisBrowser,\n\ton,\n\tonLoaded,\n\tonMutation,\n\tQUICK_EVENT,\n} from \"../utils\";\n\nconst CSS_DIALOG = styles.dialog.split(\" \")[0];\nconst DIALOGS = isBrowser()\n\t? (document.getElementsByClassName(\n\t\t\tCSS_DIALOG,\n\t\t) as HTMLCollectionOf<HTMLDialogElement>)\n\t: [];\n\nfunction handleDialogModal() {\n\tfor (const dialog of DIALOGS) {\n\t\tif (dialog.getAttribute(\"data-variant\") === \"drawer\")\n\t\t\tdeprecate(\n\t\t\t\t'<dialog data-variant=\"drawer\">',\n\t\t\t\t'<dialog data-placement=\"center|left|right|top|bottom\">',\n\t\t\t\tdialog,\n\t\t\t);\n\t\tif (dialog.isConnected && dialog.showModal && dialog.close) {\n\t\t\tconst closedby = attr(dialog, \"data-closedby\");\n\t\t\tif (closedby) {\n\t\t\t\tattr(dialog, \"closedby\", closedby);\n\t\t\t\tdeprecate(\n\t\t\t\t\t`<dialog data-closedby=\"${closedby}\">`,\n\t\t\t\t\t`<dialog closedby=\"${closedby}\">`,\n\t\t\t\t\tdialog,\n\t\t\t\t);\n\t\t\t}\n\t\t\tif (dialog.matches('[open]:not([data-modal=\"false\"]):not(:modal)')) {\n\t\t\t\tdeprecate(\n\t\t\t\t\t'<dialog data-modal=\"true\">',\n\t\t\t\t\t'.showModal() or <button command=\"show-modal\" commandfor=\"DIALOG-ID\"></button>',\n\t\t\t\t);\n\t\t\t\tattr(dialog, \"open\", null); // Using attribute instead of .close to avoid `close` event\n\t\t\t\tdialog.showModal();\n\t\t\t} else if (dialog.matches(\":modal:not([open])\")) {\n\t\t\t\tattr(dialog, \"open\", \"\"); // Set as open\n\t\t\t\tdialog.close(); // So we correctly can call .close, removing <dialog> from #top-layer\n\t\t\t}\n\t\t}\n\t}\n}\n\nfunction handleDialogCloseClick({ target: el }: Event) {\n\tfor (const dialog of DIALOGS)\n\t\tif (dialog.open && dialog.contains(el as Node)) {\n\t\t\tif ((el as Element)?.closest?.('[data-command=\"close\"]')) dialog.close();\n\t\t}\n}\n\nconst deprecations = new WeakSet();\nfunction handleCommandDepreactions() {\n\tdocument.querySelectorAll(\"[data-command]\").forEach((el) => {\n\t\tif (deprecations.has(el)) return;\n\t\tconst command = attr(el, \"data-command\");\n\t\tdeprecations.add(el);\n\n\t\tif (command === \"row\")\n\t\t\tdeprecate(\n\t\t\t\t`<${el.nodeName.toLowerCase()} data-command=\"${command}\">`,\n\t\t\t\t`<tr data-clickdelegatefor=\"${el.nodeName}-ID\">`,\n\t\t\t\tel,\n\t\t\t);\n\t\telse\n\t\t\tdeprecate(\n\t\t\t\t`<button data-command=\"${command}\">`,\n\t\t\t\t`<button command=\"${command?.replace(\"toggle-app-expanded\", \"show-modal\")}\" commandfor=\"TARGET-ID\">`,\n\t\t\t\tel,\n\t\t\t);\n\t});\n}\n\n// Polyfill closedby in Safari functionaliy in Safari\n// Also in Safari 26.2 where `closedBy` property is supported natively,\n// but no corresponding functionality/behavior is implemented.\nlet DOWN_INSIDE = false; // Prevent close if selecting text inside dialog\nfunction handleClosedbyAny({\n\ttype,\n\ttarget: el,\n\tclientX: x = 0,\n\tclientY: y = 0,\n}: Partial<MouseEvent>) {\n\tif (type === \"pointerdown\") {\n\t\tconst r = (el as Element)?.closest?.(\"dialog\")?.getBoundingClientRect();\n\t\tconst isInside =\n\t\t\tr && r.top <= y && y <= r.bottom && r.left <= x && x <= r.right;\n\n\t\tDOWN_INSIDE = !!isInside;\n\t} else {\n\t\tconst isDialog = el instanceof HTMLDialogElement;\n\t\tconst isClose = isDialog && !DOWN_INSIDE && attr(el, \"closedby\") === \"any\";\n\n\t\tDOWN_INSIDE = false; // Reset on every pointerup\n\t\tif (isClose) requestAnimationFrame(() => el.open && el.close()); // Close if browser did not do it\n\t}\n}\n\nonLoaded(() => [\n\ton(document, \"click\", handleDialogCloseClick, QUICK_EVENT),\n\ton(document, \"pointerdown,pointerup\", handleClosedbyAny, QUICK_EVENT),\n\tonMutation(handleDialogModal, [\"open\", \"data-drawer\"]),\n\tonMutation(handleCommandDepreactions, \"data-command\"),\n]);\n"],"names":["CSS_DIALOG","styles","DIALOGS","isBrowser","handleDialogModal","dialog","deprecate","closedby","attr","handleDialogCloseClick","el","deprecations","handleCommandDepreactions","command","DOWN_INSIDE","handleClosedbyAny","type","x","y","r","isClose","onLoaded","on","QUICK_EVENT","onMutation"],"mappings":";;AAWA,MAAMA,IAAaC,EAAO,OAAO,MAAM,GAAG,EAAE,CAAC,GACvCC,IAAUC,MACZ,SAAS;AAAA,EACVH;AACD,IACC,CAAA;AAEH,SAASI,IAAoB;AAC5B,aAAWC,KAAUH;AAOpB,QANIG,EAAO,aAAa,cAAc,MAAM,YAC3CC;AAAA,MACC;AAAA,MACA;AAAA,MACAD;AAAA,IAAA,GAEEA,EAAO,eAAeA,EAAO,aAAaA,EAAO,OAAO;AAC3D,YAAME,IAAWC,EAAKH,GAAQ,eAAe;AAC7C,MAAIE,MACHC,EAAKH,GAAQ,YAAYE,CAAQ,GACjCD;AAAA,QACC,0BAA0BC,CAAQ;AAAA,QAClC,qBAAqBA,CAAQ;AAAA,QAC7BF;AAAA,MAAA,IAGEA,EAAO,QAAQ,8CAA8C,KAChEC;AAAA,QACC;AAAA,QACA;AAAA,MAAA,GAEDE,EAAKH,GAAQ,QAAQ,IAAI,GACzBA,EAAO,UAAA,KACGA,EAAO,QAAQ,oBAAoB,MAC7CG,EAAKH,GAAQ,QAAQ,EAAE,GACvBA,EAAO,MAAA;AAAA,IAET;AAEF;AAEA,SAASI,EAAuB,EAAE,QAAQC,KAAa;AACtD,aAAWL,KAAUH;AACpB,IAAIG,EAAO,QAAQA,EAAO,SAASK,CAAU,KACvCA,GAAgB,UAAU,wBAAwB,OAAU,MAAA;AAEpE;AAEA,MAAMC,wBAAmB,QAAA;AACzB,SAASC,IAA4B;AACpC,WAAS,iBAAiB,gBAAgB,EAAE,QAAQ,CAACF,MAAO;AAC3D,QAAIC,EAAa,IAAID,CAAE,EAAG;AAC1B,UAAMG,IAAUL,EAAKE,GAAI,cAAc;AACvC,IAAAC,EAAa,IAAID,CAAE,GAEfG,MAAY,QACfP;AAAA,MACC,IAAII,EAAG,SAAS,YAAA,CAAa,kBAAkBG,CAAO;AAAA,MACtD,8BAA8BH,EAAG,QAAQ;AAAA,MACzCA;AAAA,IAAA,IAGDJ;AAAA,MACC,yBAAyBO,CAAO;AAAA,MAChC,oBAAoBA,GAAS,QAAQ,uBAAuB,YAAY,CAAC;AAAA,MACzEH;AAAA,IAAA;AAAA,EAEH,CAAC;AACF;AAKA,IAAII,IAAc;AAClB,SAASC,EAAkB;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAQN;AAAA,EACR,SAASO,IAAI;AAAA,EACb,SAASC,IAAI;AACd,GAAwB;AACvB,MAAIF,MAAS,eAAe;AAC3B,UAAMG,IAAKT,GAAgB,UAAU,QAAQ,GAAG,sBAAA;AAIhD,IAAAI,IAAc,CAAC,EAFdK,KAAKA,EAAE,OAAOD,KAAKA,KAAKC,EAAE,UAAUA,EAAE,QAAQF,KAAKA,KAAKE,EAAE;AAAA,EAG5D,OAAO;AAEN,UAAMC,IADWV,aAAc,qBACH,CAACI,KAAeN,EAAKE,GAAI,UAAU,MAAM;AAErE,IAAAI,IAAc,IACVM,KAAS,sBAAsB,MAAMV,EAAG,QAAQA,EAAG,OAAO;AAAA,EAC/D;AACD;AAEAW,EAAS,MAAM;AAAA,EACdC,EAAG,UAAU,SAASb,GAAwBc,CAAW;AAAA,EACzDD,EAAG,UAAU,yBAAyBP,GAAmBQ,CAAW;AAAA,EACpEC,EAAWpB,GAAmB,CAAC,QAAQ,aAAa,CAAC;AAAA,EACrDoB,EAAWZ,GAA2B,cAAc;AACrD,CAAC;"}

package/mtds/field/field.js

@@ -1,15 +1,15 @@
 'use client';
-import { jsx as e, Fragment as P, jsxs as W } from "react/jsx-runtime";
-import S from "clsx";
-import { forwardRef as s, useRef as k, useImperativeHandle as Y, useEffect as Z } from "react";
-import { HelpText as _ } from "../helptext/helptext.js";
-import { Input as $ } from "../input/input.js";
+import { jsx as e, Fragment as S, jsxs as W } from "react/jsx-runtime";
+import T from "clsx";
+import { forwardRef as s, useRef as w, useImperativeHandle as Z, useEffect as _ } from "react";
+import { HelpText as $ } from "../helptext/helptext.js";
+import { Input as ee } from "../input/input.js";
 import D from "../styles.module.css.js";
-import { toCustomElementProps as q } from "../utils.js";
-import { Validation as ee } from "../validation/validation.js";
-const T = (i) => typeof i == "string" ? { label: i, value: i } : i, ne = s(function({
-  "data-size": n,
-  "data-validation": t,
+import { toCustomElementProps as z, deprecate as P } from "../utils.js";
+import { Validation as te } from "../validation/validation.js";
+const V = (i) => typeof i == "string" ? { label: i, value: i } : i, ne = s(function({
+  "data-size": t,
+  "data-validation": n,
   as: o,
   className: u,
   count: f,
@@ -23,68 +23,68 @@ const T = (i) => typeof i == "string" ? { label: i, value: i } : i, ne = s(funct
   suffix: F,
   validation: j,
   ...r
-}, l) {
-  const C = o || "div", L = !!F || !!h, c = j || v, y = {
-    "data-size": n,
-    "data-validation": t,
-    className: S(D.field, u),
+}, d) {
+  const y = o || "div", L = !!F || !!h, c = j || v, C = {
+    "data-size": t,
+    "data-validation": n,
+    className: T(D.field, u),
     style: O
   };
   return o === "select" && !r.children && Object.assign(r, {
     options: void 0,
     // Ensure options is not passed to DOM
-    children: /* @__PURE__ */ e(P, { children: r.options?.map(T).map(({ label: E, value: H }) => /* @__PURE__ */ e("option", { value: H, children: E }, H)) })
-  }), o ? /* @__PURE__ */ W("div", { ...y, children: [
-    !!b && /* @__PURE__ */ e(J, { children: b }),
-    !!x && /* @__PURE__ */ e(_, { "aria-label": g, children: x }),
-    !!m && /* @__PURE__ */ e(K, { children: m }),
-    L ? /* @__PURE__ */ W(V, { children: [
+    children: /* @__PURE__ */ e(S, { children: r.options?.map(V).map(({ label: E, value: H }) => /* @__PURE__ */ e("option", { value: H, children: E }, H)) })
+  }), o ? /* @__PURE__ */ W("div", { ...C, children: [
+    !!b && /* @__PURE__ */ e(K, { children: b }),
+    !!x && /* @__PURE__ */ e($, { "aria-label": g, children: x }),
+    !!m && /* @__PURE__ */ e(M, { children: m }),
+    L ? /* @__PURE__ */ W(B, { children: [
       !!h && /* @__PURE__ */ e("span", { children: h }),
       /* @__PURE__ */ e(
-        C,
+        y,
         {
           className: D.input,
           suppressHydrationWarning: !0,
-          ref: l,
+          ref: d,
           ...r
         }
       ),
       !!F && /* @__PURE__ */ e("span", { children: F })
     ] }) : /* @__PURE__ */ e(
-      C,
+      y,
       {
         className: typeof o == "string" ? D.input : void 0,
         suppressHydrationWarning: !0,
-        ref: l,
+        ref: d,
         ...r
       }
     ),
-    !!c && /* @__PURE__ */ e(ee, { children: c }),
-    !!f && /* @__PURE__ */ e(M, { "data-count": f })
-  ] }) : /* @__PURE__ */ e("div", { ref: l, ...y, ...r });
-}), V = s(
-  function({ className: n, ...t }, o) {
-    return /* @__PURE__ */ e("div", { className: S(D.affixes, n), ref: o, ...t });
+    !!c && /* @__PURE__ */ e(te, { children: c }),
+    !!f && /* @__PURE__ */ e(Q, { "data-count": f })
+  ] }) : /* @__PURE__ */ e("div", { ref: d, ...C, ...r });
+}), B = s(
+  function({ className: t, ...n }, o) {
+    return /* @__PURE__ */ e("div", { className: T(D.affixes, t), ref: o, ...n });
   }
-), B = s(
-  function({ "data-nofilter": n, ...t }, o) {
+), G = s(
+  function({ "data-nofilter": t, ...n }, o) {
     return /* @__PURE__ */ e(
       "u-datalist",
       {
-        "data-nofilter": !!n || void 0,
+        "data-nofilter": !!t || void 0,
         ref: o,
-        ...q(t)
+        ...z(n)
       }
     );
   }
-), G = s(
-  function(n, t) {
-    return /* @__PURE__ */ e("u-option", { ref: t, ...q(n) });
+), J = s(
+  function(t, n) {
+    return /* @__PURE__ */ e("u-option", { ref: n, ...z(t) });
   }
-), te = s(
+), ie = s(
   function({
-    "aria-required": n,
-    "data-position": t,
+    "aria-required": t,
+    "data-position": n,
     "data-nofilter": o,
     "data-multiple": u,
     onAfterChange: f,
@@ -98,32 +98,28 @@ const T = (i) => typeof i == "string" ? { label: i, value: i } : i, ne = s(funct
     children: F,
     disabled: j,
     name: r,
-    options: l,
-    placeholder: C,
+    options: d,
+    placeholder: y,
     readOnly: L,
     selected: c,
-    type: y,
+    type: C,
     ...E
   }, H) {
-    const N = k(null), w = k(b);
-    return w.current = b, f && (m = f, console.warn(
-      "Combobox onAfterChange is deprecated, use onAfterSelect instead."
-    )), v && (g = v, console.warn(
-      "Combobox onBeforeChange is deprecated, use onBeforeSelect instead."
-    )), Y(H, () => N.current), Z(() => {
-      const p = N.current, d = (a) => {
-        const A = w.current;
-        if (!w) return;
+    const N = w(null), A = w(b);
+    return A.current = b, f && (m = f, P("onAfterChange", "onAfterSelect")), v && (g = v, P("onBeforeChange", "onBeforeSelect")), Z(H, () => N.current), _(() => {
+      const p = N.current, l = (a) => {
+        const R = A.current;
+        if (!A) return;
         a.preventDefault();
-        const { isConnected: Q, textContent: U, value: R } = a.detail, z = U?.trim() || "", I = c || [];
-        A?.(Q ? I.filter((X) => X.value !== R) : u ? [...I, { value: R, label: z }] : [{ value: R, label: z }]);
+        const { isConnected: U, textContent: X, value: q } = a.detail, I = X?.trim() || "", k = c || [];
+        R?.(U ? k.filter((Y) => Y.value !== q) : u ? [...k, { value: q, label: I }] : [{ value: q, label: I }]);
       };
-      return p?.addEventListener("comboboxbeforeselect", d), () => p?.removeEventListener("comboboxbeforeselect", d);
+      return p?.addEventListener("comboboxbeforeselect", l), () => p?.removeEventListener("comboboxbeforeselect", l);
     }, [u, c]), /* @__PURE__ */ W(
       "u-combobox",
       {
         "data-multiple": u || void 0,
-        ...q({
+        ...z({
           oncomboboxbeforeselect: g,
           oncomboboxbeforematch: x,
           oncomboboxafterselect: m,
@@ -131,49 +127,49 @@ const T = (i) => typeof i == "string" ? { label: i, value: i } : i, ne = s(funct
           ...E
         }),
         children: [
-          c?.map(({ children: p, label: d, value: a }) => /* @__PURE__ */ e("data", { value: a, suppressHydrationWarning: !0, children: p ?? d }, a)),
-          F || /* @__PURE__ */ W(P, { children: [
+          c?.map(({ children: p, label: l, value: a }) => /* @__PURE__ */ e("data", { value: a, suppressHydrationWarning: !0, children: p ?? l }, a)),
+          F || /* @__PURE__ */ W(S, { children: [
             /* @__PURE__ */ e(
-              $,
+              ee,
               {
-                "aria-required": n,
+                "aria-required": t,
                 disabled: j,
                 name: r,
                 onInput: h,
                 onChange: O,
-                placeholder: C,
+                placeholder: y,
                 readOnly: L,
-                type: y
+                type: C
               }
             ),
             /* @__PURE__ */ e("del", { "aria-label": "Fjern tekst", suppressHydrationWarning: !0 })
           ] }),
-          !!l && /* @__PURE__ */ e(B, { "data-nofilter": o, "data-position": t, children: l.map(T).map(({ children: p, label: d, value: a }) => /* @__PURE__ */ e(G, { value: a, label: d, children: p ?? d }, a)) })
+          !!d && /* @__PURE__ */ e(G, { "data-nofilter": o, "data-position": n, children: d.map(V).map(({ children: p, label: l, value: a }) => /* @__PURE__ */ e(J, { value: a, label: l, children: p ?? l }, a)) })
         ]
       }
     );
   }
-), J = s(
-  function(n, t) {
-    return /* @__PURE__ */ e("label", { suppressHydrationWarning: !0, ref: t, ...n });
+), K = s(
+  function(t, n) {
+    return /* @__PURE__ */ e("label", { suppressHydrationWarning: !0, ref: n, ...t });
   }
-), K = s(function(n, t) {
-  return /* @__PURE__ */ e("p", { suppressHydrationWarning: !0, ref: t, ...n });
-}), M = s(
-  function(n, t) {
-    return /* @__PURE__ */ e("p", { suppressHydrationWarning: !0, ref: t, ...n });
+), M = s(function(t, n) {
+  return /* @__PURE__ */ e("p", { suppressHydrationWarning: !0, ref: n, ...t });
+}), Q = s(
+  function(t, n) {
+    return /* @__PURE__ */ e("p", { suppressHydrationWarning: !0, ref: n, ...t });
   }
-), pe = Object.assign(ne, {
-  Affixes: V,
-  Combobox: te,
-  Datalist: B,
-  Option: G,
-  Description: K,
-  Label: J,
-  Count: M
+), ue = Object.assign(ne, {
+  Affixes: B,
+  Combobox: ie,
+  Datalist: G,
+  Option: J,
+  Description: M,
+  Label: K,
+  Count: Q
 });
 export {
-  pe as Field,
+  ue as Field,
   ne as FieldComp
 };
 //# sourceMappingURL=field.js.map

package/mtds/field/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["\"use client\";\nimport type { Placement } from \"@floating-ui/dom\";\nimport type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport type { JSX } from \"react\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { HelpText } from \"../helptext/helptext\";\nimport { Input, type InputProps } from \"../input/input\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { toCustomElementProps } from \"../utils\";\nimport { Validation } from \"../validation/validation\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: string[] | FieldComboboxSelected;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nconst toOption = (\n\to: FieldComboboxSelected[number] | string,\n): FieldComboboxSelected[number] =>\n\ttypeof o === \"string\" ? { label: o, value: o } : o;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\t\"data-validation\": dataValidation,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation: validationContent,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst validation = validationContent || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\t\"data-validation\": dataValidation,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\toptions: undefined, // Ensure options is not passed to DOM\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{(rest.options as FieldBaseProps[\"options\"])\n\t\t\t\t\t\t?.map(toOption)\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <FieldLabel>{label}</FieldLabel>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <FieldDescription>{description}</FieldDescription>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={typeof as === \"string\" ? styles.input : undefined}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!validation && <Validation>{validation}</Validation>}\n\t\t\t{!!count && <FieldCount data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type FieldAffixProps = React.ComponentPropsWithoutRef<\"div\">;\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldAffixProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n\t\"data-position\"?: Placement;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist({ \"data-nofilter\": filter, ...rest }, ref) {\n\t\treturn (\n\t\t\t<u-datalist\n\t\t\t\tdata-nofilter={!!filter || undefined} // Ensure data-nofilter is set correctly\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxSelected = {\n\tlabel: string;\n\tvalue: string;\n\tchildren?: React.ReactNode;\n}[];\nexport type FieldComboboxProps = Omit<\n\tReactUcombobox,\n\t\"onChange\" | \"onInput\"\n> & {\n\t\"data-creatable\"?: boolean;\n\t\"data-multiple\"?: boolean;\n\tonAfterChange?: (e: CustomEvent<HTMLDataElement>) => void; // deprecated\n\tonAfterSelect?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void; // deprecated\n\tonBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void; // Custom event to handle before change\n\tonBeforeSelect?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonSelectedChange?: (selected: FieldComboboxSelected) => void; // Allow onChange to be a function that returns void\n\toptions?: FieldComboboxSelected;\n\tselected?: FieldComboboxSelected; // Allow value to be a string or an array of strings for multiple select\n} & Pick<\n\t\tInputProps,\n\t\t| \"disabled\"\n\t\t| \"name\"\n\t\t| \"onChange\"\n\t\t| \"onInput\"\n\t\t| \"placeholder\"\n\t\t| \"readOnly\"\n\t\t| \"type\"\n\t\t| \"value\"\n\t> & // Allow input props to be passed down\n\tPick<FieldDatalistProps, \"data-position\" | \"data-nofilter\">; // Allow datalist props to be passed down\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(\n\t\t{\n\t\t\t\"aria-required\": required,\n\t\t\t\"data-position\": position,\n\t\t\t\"data-nofilter\": nofilter,\n\t\t\t\"data-multiple\": multiple,\n\t\t\tonAfterChange,\n\t\t\tonAfterSelect,\n\t\t\tonBeforeChange,\n\t\t\tonBeforeMatch,\n\t\t\tonBeforeSelect,\n\t\t\tonSelectedChange,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\toptions,\n\t\t\tplaceholder,\n\t\t\treadOnly,\n\t\t\tselected,\n\t\t\ttype,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst innerRef = useRef<UHTMLComboboxElement>(null);\n\t\tconst onSelected = useRef(onSelectedChange);\n\t\tonSelected.current = onSelectedChange; // Sync the latest onSelectedChange function\n\n\t\t// Deprecated props\n\t\tif (onAfterChange) {\n\t\t\tonAfterSelect = onAfterChange;\n\t\t\tconsole.warn(\n\t\t\t\t`Combobox onAfterChange is deprecated, use onAfterSelect instead.`,\n\t\t\t);\n\t\t}\n\t\tif (onBeforeChange) {\n\t\t\tonBeforeSelect = onBeforeChange;\n\t\t\tconsole.warn(\n\t\t\t\t`Combobox onBeforeChange is deprecated, use onBeforeSelect instead.`,\n\t\t\t);\n\t\t}\n\n\t\t// Using useEffect for React 18 and lower compatibility\n\t\tuseImperativeHandle(ref, () => innerRef.current as UHTMLComboboxElement); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tconst self = innerRef.current;\n\t\t\tconst handleChange = (event: CustomEvent<HTMLDataElement>) => {\n\t\t\t\tconst handleSelected = onSelected.current;\n\t\t\t\tif (!onSelected) return; // No onSelectedChange function provided, let u-combobox handle it\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst { isConnected: remove, textContent, value } = event.detail;\n\t\t\t\tconst label = textContent?.trim() || \"\";\n\t\t\t\tconst prev = selected || [];\n\n\t\t\t\tif (remove) handleSelected?.(prev.filter((i) => i.value !== value));\n\t\t\t\telse if (multiple) handleSelected?.([...prev, { value, label }]);\n\t\t\t\telse handleSelected?.([{ value, label }]);\n\t\t\t};\n\n\t\t\tself?.addEventListener(\"comboboxbeforeselect\", handleChange);\n\t\t\treturn () =>\n\t\t\t\tself?.removeEventListener(\"comboboxbeforeselect\", handleChange);\n\t\t}, [multiple, selected]);\n\n\t\treturn (\n\t\t\t<u-combobox\n\t\t\t\tdata-multiple={multiple || undefined}\n\t\t\t\t{...toCustomElementProps({\n\t\t\t\t\toncomboboxbeforeselect: onBeforeSelect,\n\t\t\t\t\toncomboboxbeforematch: onBeforeMatch,\n\t\t\t\t\toncomboboxafterselect: onAfterSelect,\n\t\t\t\t\tref: innerRef,\n\t\t\t\t\t...props,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{selected?.map(({ children, label, value }) => (\n\t\t\t\t\t<data key={value} value={value} suppressHydrationWarning>\n\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t</data>\n\t\t\t\t))}\n\t\t\t\t{children || (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\taria-required={required}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tonInput={onInput}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<del aria-label=\"Fjern tekst\" suppressHydrationWarning />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!!options && (\n\t\t\t\t\t<FieldDatalist data-nofilter={nofilter} data-position={position}>\n\t\t\t\t\t\t{options.map(toOption).map(({ children, label, value }) => (\n\t\t\t\t\t\t\t<FieldOption key={value} value={value} label={label}>\n\t\t\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t\t\t</FieldOption>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</FieldDatalist>\n\t\t\t\t)}\n\t\t\t</u-combobox>\n\t\t);\n\t},\n);\n\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\nconst FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(\n\tfunction FieldLabel(rest, ref) {\n\t\treturn <label suppressHydrationWarning ref={ref} {...rest} />;\n\t},\n);\n\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\nconst FieldDescription = forwardRef<\n\tHTMLParagraphElement,\n\tFieldDescriptionProps\n>(function FieldDescription(rest, ref) {\n\treturn <p suppressHydrationWarning ref={ref} {...rest} />;\n});\n\nexport type FieldCountProps = React.ComponentPropsWithoutRef<\"p\"> & {\n\t\"data-count\": number;\n};\nconst FieldCount = forwardRef<HTMLParagraphElement, FieldCountProps>(\n\tfunction FieldCount(rest, ref) {\n\t\treturn <p suppressHydrationWarning ref={ref} {...rest} />;\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n\tDescription: FieldDescription,\n\tLabel: FieldLabel,\n\tCount: FieldCount,\n});\n"],"names":["toOption","o","FieldComp","forwardRef","size","dataValidation","as","className","count","description","error","helpText","helpTextLabel","label","prefix","style","suffix","validationContent","rest","ref","Tag","affixes","validation","shared","clsx","styles","value","jsx","jsxs","FieldLabel","HelpText","FieldDescription","FieldAffixes","Validation","FieldCount","FieldDatalist","filter","toCustomElementProps","FieldOption","props","FieldCombobox","required","position","nofilter","multiple","onAfterChange","onAfterSelect","onBeforeChange","onBeforeMatch","onBeforeSelect","onSelectedChange","onInput","onChange","children","disabled","name","options","placeholder","readOnly","selected","type","innerRef","useRef","onSelected","useImperativeHandle","useEffect","self","handleChange","event","handleSelected","remove","textContent","prev","i","Fragment","Input","Field"],"mappings":"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"}
+{"version":3,"file":"field.js","sources":["../../designsystem/field/field.tsx"],"sourcesContent":["\"use client\";\nimport type { Placement } from \"@floating-ui/dom\";\nimport type {\n\tReactUcombobox,\n\tUHTMLComboboxElement,\n} from \"@u-elements/u-combobox\";\nimport clsx from \"clsx\";\nimport type { JSX } from \"react\";\nimport { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport { HelpText } from \"../helptext/helptext\";\nimport { Input, type InputProps } from \"../input/input\";\nimport type {\n\tPolymorphicComponentPropWithRef,\n\tPolymorphicRef,\n} from \"../react-types\";\nimport styles from \"../styles.module.css\";\nimport { deprecate, toCustomElementProps } from \"../utils\";\nimport { Validation } from \"../validation/validation\";\n\ntype FieldBaseProps = {\n\tcount?: number;\n\tdescription?: React.ReactNode;\n\terror?: React.ReactNode; // Kept for backwards compatibility\n\thelpText?: React.ReactNode;\n\thelpTextLabel?: string;\n\tlabel?: React.ReactNode;\n\toptions?: string[] | FieldComboboxSelected;\n\tprefix?: string;\n\treadOnly?: boolean; // Allow readoOnly also on <select>\n\tsuffix?: string;\n\tvalidation?: React.ReactNode;\n};\n\nexport type FieldProps<As extends React.ElementType = \"div\"> =\n\tPolymorphicComponentPropWithRef<As, FieldBaseProps>;\n\ntype FieldComponent = <As extends React.ElementType = \"div\">(\n\tprops: FieldProps<As>,\n) => JSX.Element;\n\nconst toOption = (\n\to: FieldComboboxSelected[number] | string,\n): FieldComboboxSelected[number] =>\n\ttypeof o === \"string\" ? { label: o, value: o } : o;\n\nexport const FieldComp: FieldComponent = forwardRef<null>(function Field<\n\tAs extends React.ElementType = \"div\",\n>(\n\t{\n\t\t\"data-size\": size,\n\t\t\"data-validation\": dataValidation,\n\t\tas,\n\t\tclassName,\n\t\tcount,\n\t\tdescription,\n\t\terror,\n\t\thelpText,\n\t\thelpTextLabel,\n\t\tlabel,\n\t\tprefix,\n\t\tstyle,\n\t\tsuffix,\n\t\tvalidation: validationContent,\n\t\t...rest\n\t}: FieldProps<As>,\n\tref?: PolymorphicRef<As>,\n) {\n\tconst Tag = as || \"div\";\n\tconst affixes = !!suffix || !!prefix;\n\tconst validation = validationContent || error; // error kept for backwards compatibility\n\tconst shared = {\n\t\t\"data-size\": size,\n\t\t\"data-validation\": dataValidation,\n\t\tclassName: clsx(styles.field, className),\n\t\tstyle,\n\t};\n\n\t// Render options if select\n\tif (as === \"select\" && !rest.children)\n\t\tObject.assign(rest, {\n\t\t\toptions: undefined, // Ensure options is not passed to DOM\n\t\t\tchildren: (\n\t\t\t\t<>\n\t\t\t\t\t{(rest.options as FieldBaseProps[\"options\"])\n\t\t\t\t\t\t?.map(toOption)\n\t\t\t\t\t\t.map(({ label, value }) => (\n\t\t\t\t\t\t\t<option key={value} value={value}>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</option>\n\t\t\t\t\t\t))}\n\t\t\t\t</>\n\t\t\t),\n\t\t});\n\n\t// Using suppressHydrationWarning to avoid Next.js vs field-observer.ts hydration conflict\n\treturn as ? (\n\t\t<div {...shared}>\n\t\t\t{!!label && <FieldLabel>{label}</FieldLabel>}\n\t\t\t{!!helpText && <HelpText aria-label={helpTextLabel}>{helpText}</HelpText>}\n\t\t\t{!!description && <FieldDescription>{description}</FieldDescription>}\n\t\t\t{affixes ? (\n\t\t\t\t<FieldAffixes>\n\t\t\t\t\t{!!prefix && <span>{prefix}</span>}\n\t\t\t\t\t<Tag\n\t\t\t\t\t\tclassName={styles.input}\n\t\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t{...rest}\n\t\t\t\t\t/>\n\t\t\t\t\t{!!suffix && <span>{suffix}</span>}\n\t\t\t\t</FieldAffixes>\n\t\t\t) : (\n\t\t\t\t<Tag\n\t\t\t\t\tclassName={typeof as === \"string\" ? styles.input : undefined}\n\t\t\t\t\tsuppressHydrationWarning\n\t\t\t\t\tref={ref}\n\t\t\t\t\t{...rest}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t{!!validation && <Validation>{validation}</Validation>}\n\t\t\t{!!count && <FieldCount data-count={count} />}\n\t\t</div>\n\t) : (\n\t\t<div ref={ref} {...shared} {...rest} />\n\t);\n}) as FieldComponent; // Needed to tell Typescript this does not return ReactNode but acutally JSX.Element\n\nexport type FieldAffixProps = React.ComponentPropsWithoutRef<\"div\">;\nconst FieldAffixes = forwardRef<HTMLDivElement, FieldAffixProps>(\n\tfunction FieldAffixes({ className, ...rest }, ref) {\n\t\treturn (\n\t\t\t<div className={clsx(styles.affixes, className)} ref={ref} {...rest} />\n\t\t);\n\t},\n);\n\nexport type FieldDatalistProps = React.ComponentPropsWithoutRef<\"datalist\"> & {\n\t\"data-nofilter\"?: boolean;\n\t\"data-position\"?: Placement;\n};\n\nconst FieldDatalist = forwardRef<HTMLDataListElement, FieldDatalistProps>(\n\tfunction FieldDatalist({ \"data-nofilter\": filter, ...rest }, ref) {\n\t\treturn (\n\t\t\t<u-datalist\n\t\t\t\tdata-nofilter={!!filter || undefined} // Ensure data-nofilter is set correctly\n\t\t\t\tref={ref}\n\t\t\t\t{...toCustomElementProps(rest)}\n\t\t\t/>\n\t\t);\n\t},\n);\n\nexport type FieldOptionProps = React.ComponentPropsWithoutRef<\"option\">;\nconst FieldOption = forwardRef<HTMLOptionElement, FieldOptionProps>(\n\tfunction FieldOption(props, ref) {\n\t\treturn <u-option ref={ref} {...toCustomElementProps(props)} />;\n\t},\n);\n\nexport type FieldComboboxSelected = {\n\tlabel: string;\n\tvalue: string;\n\tchildren?: React.ReactNode;\n}[];\nexport type FieldComboboxProps = Omit<\n\tReactUcombobox,\n\t\"onChange\" | \"onInput\"\n> & {\n\t\"data-creatable\"?: boolean;\n\t\"data-multiple\"?: boolean;\n\tonAfterChange?: (e: CustomEvent<HTMLDataElement>) => void; // deprecated\n\tonAfterSelect?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonBeforeChange?: (e: CustomEvent<HTMLDataElement>) => void; // deprecated\n\tonBeforeMatch?: (e: CustomEvent<HTMLOptionElement>) => void; // Custom event to handle before change\n\tonBeforeSelect?: (e: CustomEvent<HTMLDataElement>) => void; // Custom event to handle before change\n\tonSelectedChange?: (selected: FieldComboboxSelected) => void; // Allow onChange to be a function that returns void\n\toptions?: FieldComboboxSelected;\n\tselected?: FieldComboboxSelected; // Allow value to be a string or an array of strings for multiple select\n} & Pick<\n\t\tInputProps,\n\t\t| \"disabled\"\n\t\t| \"name\"\n\t\t| \"onChange\"\n\t\t| \"onInput\"\n\t\t| \"placeholder\"\n\t\t| \"readOnly\"\n\t\t| \"type\"\n\t\t| \"value\"\n\t> & // Allow input props to be passed down\n\tPick<FieldDatalistProps, \"data-position\" | \"data-nofilter\">; // Allow datalist props to be passed down\n\nconst FieldCombobox = forwardRef<UHTMLComboboxElement, FieldComboboxProps>(\n\tfunction FieldCombobox(\n\t\t{\n\t\t\t\"aria-required\": required,\n\t\t\t\"data-position\": position,\n\t\t\t\"data-nofilter\": nofilter,\n\t\t\t\"data-multiple\": multiple,\n\t\t\tonAfterChange,\n\t\t\tonAfterSelect,\n\t\t\tonBeforeChange,\n\t\t\tonBeforeMatch,\n\t\t\tonBeforeSelect,\n\t\t\tonSelectedChange,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\tname,\n\t\t\toptions,\n\t\t\tplaceholder,\n\t\t\treadOnly,\n\t\t\tselected,\n\t\t\ttype,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) {\n\t\tconst innerRef = useRef<UHTMLComboboxElement>(null);\n\t\tconst onSelected = useRef(onSelectedChange);\n\t\tonSelected.current = onSelectedChange; // Sync the latest onSelectedChange function\n\n\t\t// Deprecated props\n\t\tif (onAfterChange) {\n\t\t\tonAfterSelect = onAfterChange;\n\t\t\tdeprecate(\"onAfterChange\", \"onAfterSelect\");\n\t\t}\n\t\tif (onBeforeChange) {\n\t\t\tonBeforeSelect = onBeforeChange;\n\t\t\tdeprecate(\"onBeforeChange\", \"onBeforeSelect\");\n\t\t}\n\n\t\t// Using useEffect for React 18 and lower compatibility\n\t\tuseImperativeHandle(ref, () => innerRef.current as UHTMLComboboxElement); // Forward innerRef\n\t\tuseEffect(() => {\n\t\t\tconst self = innerRef.current;\n\t\t\tconst handleChange = (event: CustomEvent<HTMLDataElement>) => {\n\t\t\t\tconst handleSelected = onSelected.current;\n\t\t\t\tif (!onSelected) return; // No onSelectedChange function provided, let u-combobox handle it\n\t\t\t\tevent.preventDefault();\n\t\t\t\tconst { isConnected: remove, textContent, value } = event.detail;\n\t\t\t\tconst label = textContent?.trim() || \"\";\n\t\t\t\tconst prev = selected || [];\n\n\t\t\t\tif (remove) handleSelected?.(prev.filter((i) => i.value !== value));\n\t\t\t\telse if (multiple) handleSelected?.([...prev, { value, label }]);\n\t\t\t\telse handleSelected?.([{ value, label }]);\n\t\t\t};\n\n\t\t\tself?.addEventListener(\"comboboxbeforeselect\", handleChange);\n\t\t\treturn () =>\n\t\t\t\tself?.removeEventListener(\"comboboxbeforeselect\", handleChange);\n\t\t}, [multiple, selected]);\n\n\t\treturn (\n\t\t\t<u-combobox\n\t\t\t\tdata-multiple={multiple || undefined}\n\t\t\t\t{...toCustomElementProps({\n\t\t\t\t\toncomboboxbeforeselect: onBeforeSelect,\n\t\t\t\t\toncomboboxbeforematch: onBeforeMatch,\n\t\t\t\t\toncomboboxafterselect: onAfterSelect,\n\t\t\t\t\tref: innerRef,\n\t\t\t\t\t...props,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{selected?.map(({ children, label, value }) => (\n\t\t\t\t\t<data key={value} value={value} suppressHydrationWarning>\n\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t</data>\n\t\t\t\t))}\n\t\t\t\t{children || (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\taria-required={required}\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\tname={name}\n\t\t\t\t\t\t\tonInput={onInput}\n\t\t\t\t\t\t\tonChange={onChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\t\ttype={type}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<del aria-label=\"Fjern tekst\" suppressHydrationWarning />\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t\t{!!options && (\n\t\t\t\t\t<FieldDatalist data-nofilter={nofilter} data-position={position}>\n\t\t\t\t\t\t{options.map(toOption).map(({ children, label, value }) => (\n\t\t\t\t\t\t\t<FieldOption key={value} value={value} label={label}>\n\t\t\t\t\t\t\t\t{children ?? label}\n\t\t\t\t\t\t\t</FieldOption>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</FieldDatalist>\n\t\t\t\t)}\n\t\t\t</u-combobox>\n\t\t);\n\t},\n);\n\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\nconst FieldLabel = forwardRef<HTMLLabelElement, FieldLabelProps>(\n\tfunction FieldLabel(rest, ref) {\n\t\treturn <label suppressHydrationWarning ref={ref} {...rest} />;\n\t},\n);\n\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\nconst FieldDescription = forwardRef<\n\tHTMLParagraphElement,\n\tFieldDescriptionProps\n>(function FieldDescription(rest, ref) {\n\treturn <p suppressHydrationWarning ref={ref} {...rest} />;\n});\n\nexport type FieldCountProps = React.ComponentPropsWithoutRef<\"p\"> & {\n\t\"data-count\": number;\n};\nconst FieldCount = forwardRef<HTMLParagraphElement, FieldCountProps>(\n\tfunction FieldCount(rest, ref) {\n\t\treturn <p suppressHydrationWarning ref={ref} {...rest} />;\n\t},\n);\n\nexport const Field = Object.assign(FieldComp, {\n\tAffixes: FieldAffixes,\n\tCombobox: FieldCombobox,\n\tDatalist: FieldDatalist,\n\tOption: FieldOption,\n\tDescription: FieldDescription,\n\tLabel: FieldLabel,\n\tCount: FieldCount,\n});\n"],"names":["toOption","o","FieldComp","forwardRef","size","dataValidation","as","className","count","description","error","helpText","helpTextLabel","label","prefix","style","suffix","validationContent","rest","ref","Tag","affixes","validation","shared","clsx","styles","value","jsx","jsxs","FieldLabel","HelpText","FieldDescription","FieldAffixes","Validation","FieldCount","FieldDatalist","filter","toCustomElementProps","FieldOption","props","FieldCombobox","required","position","nofilter","multiple","onAfterChange","onAfterSelect","onBeforeChange","onBeforeMatch","onBeforeSelect","onSelectedChange","onInput","onChange","children","disabled","name","options","placeholder","readOnly","selected","type","innerRef","useRef","onSelected","deprecate","useImperativeHandle","useEffect","self","handleChange","event","handleSelected","remove","textContent","prev","i","Fragment","Input","Field"],"mappings":"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"}