@warp-ds/elements 2.6.0-next.4 → 2.6.0

package/dist/custom-elements.json

@@ -2,6 +2,147 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "packages/icon/icon.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WIcon",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Icon filename (without .svg)",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large' | string"
+              },
+              "default": "'medium'",
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "Locale used in CDN URL",
+              "attribute": "locale",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "svg",
+              "type": {
+                "text": "SVGElement | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "Parsed SVG element (not reflected as attribute)"
+            },
+            {
+              "kind": "method",
+              "name": "fetchIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "iconName",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "Name of the icon file"
+                }
+              ],
+              "description": "Fetch an icon SVG from the CDN, with caching"
+            },
+            {
+              "kind": "method",
+              "name": "loadIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Icon filename (without .svg)",
+              "fieldName": "name"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large' | string"
+              },
+              "default": "'medium'",
+              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
+              "fieldName": "size"
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en'",
+              "description": "Locale used in CDN URL",
+              "fieldName": "locale"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-icon",
+          "customElement": true,
+          "modulePath": "packages/icon/icon.ts",
+          "definitionPath": "packages/icon/icon.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WIcon",
+          "declaration": {
+            "name": "WIcon",
+            "module": "packages/icon/icon.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-icon",
+          "declaration": {
+            "name": "WIcon",
+            "module": "packages/icon/icon.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/affix/affix.ts",
@@ -2628,147 +2769,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/icon/icon.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "WIcon",
-          "members": [
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Icon filename (without .svg)",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large' | string"
-              },
-              "default": "'medium'",
-              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "locale",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "Locale used in CDN URL",
-              "attribute": "locale",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "svg",
-              "type": {
-                "text": "SVGElement | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "description": "Parsed SVG element (not reflected as attribute)"
-            },
-            {
-              "kind": "method",
-              "name": "fetchIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "parameters": [
-                {
-                  "name": "iconName",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "Name of the icon file"
-                }
-              ],
-              "description": "Fetch an icon SVG from the CDN, with caching"
-            },
-            {
-              "kind": "method",
-              "name": "loadIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Icon filename (without .svg)",
-              "fieldName": "name"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large' | string"
-              },
-              "default": "'medium'",
-              "description": "Size: small, medium, large or pixel value (e.g. \"32px\")",
-              "fieldName": "size"
-            },
-            {
-              "name": "locale",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en'",
-              "description": "Locale used in CDN URL",
-              "fieldName": "locale"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-icon",
-          "customElement": true,
-          "modulePath": "packages/icon/icon.ts",
-          "definitionPath": "packages/icon/icon.ts"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "WIcon",
-          "declaration": {
-            "name": "WIcon",
-            "module": "packages/icon/icon.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "w-icon",
-          "declaration": {
-            "name": "WIcon",
-            "module": "packages/icon/icon.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/modal/modal.ts",
@@ -4691,7 +4691,8 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "name"
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -4699,7 +4700,8 @@
               "type": {
                 "text": "string"
               },
-              "attribute": "placeholder"
+              "attribute": "placeholder",
+              "reflects": true
             },
             {
               "kind": "field",

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import type { WIcon } from "./packages/icon/icon.ts";
 import type { WarpAffix } from "./packages/affix/affix.ts";
 import type { WarpAlert } from "./packages/alert/alert.ts";
 import type { WarpLink } from "./packages/link/link.ts";
@@ -10,7 +11,6 @@ import type { WarpCard } from "./packages/card/card.ts";
 import type { WarpCombobox } from "./packages/combobox/combobox.ts";
 import type { WarpDatepicker } from "./packages/datepicker/datepicker.ts";
 import type { WarpExpandable } from "./packages/expandable/expandable.ts";
-import type { WIcon } from "./packages/icon/icon.ts";
 import type { ModalMain } from "./packages/modal/modal.ts";
 import type { ModalFooter } from "./packages/modal-footer/modal-footer.ts";
 import type { ModalHeader } from "./packages/modal-header/modal-header.ts";
@@ -100,6 +100,29 @@ type BaseProps<T extends HTMLElement> = {
 
 type BaseEvents = {};
 
+export type WIconProps = {
+  /** Icon filename (without .svg) */
+  name?: WIcon["name"];
+  /** Size: small, medium, large or pixel value (e.g. "32px") */
+  size?: WIcon["size"];
+  /** Locale used in CDN URL */
+  locale?: WIcon["locale"];
+};
+
+export type WIconSolidJsProps = {
+  /** Icon filename (without .svg) */
+  "prop:name"?: WIcon["name"];
+  /** Size: small, medium, large or pixel value (e.g. "32px") */
+  "prop:size"?: WIcon["size"];
+  /** Locale used in CDN URL */
+  "prop:locale"?: WIcon["locale"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
 export type WarpAffixProps = {
   /**  */
   "aria-label"?: WarpAffix["ariaLabel"];
@@ -756,29 +779,6 @@ export type WarpExpandableSolidJsProps = {
   textContent?: string | number;
 };
 
-export type WIconProps = {
-  /** Icon filename (without .svg) */
-  name?: WIcon["name"];
-  /** Size: small, medium, large or pixel value (e.g. "32px") */
-  size?: WIcon["size"];
-  /** Locale used in CDN URL */
-  locale?: WIcon["locale"];
-};
-
-export type WIconSolidJsProps = {
-  /** Icon filename (without .svg) */
-  "prop:name"?: WIcon["name"];
-  /** Size: small, medium, large or pixel value (e.g. "32px") */
-  "prop:size"?: WIcon["size"];
-  /** Locale used in CDN URL */
-  "prop:locale"?: WIcon["locale"];
-
-  /** Set the innerHTML of the element */
-  innerHTML?: string;
-  /** Set the textContent of the element */
-  textContent?: string | number;
-};
-
 export type ModalMainProps = {
   /**  */
   show?: ModalMain["show"];
@@ -1442,6 +1442,19 @@ export type WarpToastContainerSolidJsProps = {
 };
 
 export type CustomElements = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `name`: Icon filename (without .svg)
+   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
+   * - `locale`: Locale used in CDN URL
+   */
+  "w-icon": Partial<WIconProps & BaseProps<WIcon> & BaseEvents>;
+
   /**
    * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
    *
@@ -1758,19 +1771,6 @@ export type CustomElements = {
     WarpExpandableProps & BaseProps<WarpExpandable> & BaseEvents
   >;
 
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `name`: Icon filename (without .svg)
-   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
-   * - `locale`: Locale used in CDN URL
-   */
-  "w-icon": Partial<WIconProps & BaseProps<WIcon> & BaseEvents>;
-
   /**
    * Modals (or dialogs) display important information that users need to acknowledge.
    *
@@ -2192,6 +2192,21 @@ export type CustomElements = {
 };
 
 export type CustomElementsSolidJs = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `name`: Icon filename (without .svg)
+   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
+   * - `locale`: Locale used in CDN URL
+   */
+  "w-icon": Partial<
+    WIconProps & WIconSolidJsProps & BaseProps<WIcon> & BaseEvents
+  >;
+
   /**
    * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
    *
@@ -2540,21 +2555,6 @@ export type CustomElementsSolidJs = {
       BaseEvents
   >;
 
-  /**
-   *
-   *
-   * ## Attributes & Properties
-   *
-   * Component attributes and properties that can be applied to the element or by using JavaScript.
-   *
-   * - `name`: Icon filename (without .svg)
-   * - `size`: Size: small, medium, large or pixel value (e.g. "32px")
-   * - `locale`: Locale used in CDN URL
-   */
-  "w-icon": Partial<
-    WIconProps & WIconSolidJsProps & BaseProps<WIcon> & BaseEvents
-  >;
-
   /**
    * Modals (or dialogs) display important information that users need to acknowledge.
    *

package/dist/packages/affix/affix.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
-import '@warp-ds/icons/elements/search-16';
-import '@warp-ds/icons/elements/close-16';
+import '../icon/icon.js';
 /**
  * This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.
  *

package/dist/packages/affix/affix.js

@@ -1,5 +1,4 @@
-var be=Object.create;var S=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var pe=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,ge=Object.prototype.hasOwnProperty;var R=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var he=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of pe(e))!ge.call(r,a)&&a!==o&&S(r,a,{get:()=>e[a],enumerable:!(t=A(e,a))||t.enumerable});return r};var me=(r,e,o)=>(o=r!=null?be(ue(r)):{},he(e||!r||!r.__esModule?S(o,"default",{value:r,enumerable:!0}):o,r));var x=(r,e,o,t)=>{for(var a=t>1?void 0:t?A(e,o):e,s=r.length-1,i;s>=0;s--)(i=r[s])&&(a=(t?i(e,o,a):i(a))||a);return t&&a&&S(e,o,a),a};var H=R(v=>{"use strict";Object.defineProperty(v,"__esModule",{value:!0});v.errorMessages=v.ErrorType=void 0;var w;(function(r){r.MalformedUnicode="MALFORMED_UNICODE",r.MalformedHexadecimal="MALFORMED_HEXADECIMAL",r.CodePointLimit="CODE_POINT_LIMIT",r.OctalDeprecation="OCTAL_DEPRECATION",r.EndOfString="END_OF_STRING"})(w=v.ErrorType||(v.ErrorType={}));v.errorMessages=new Map([[w.MalformedUnicode,"malformed Unicode character escape sequence"],[w.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[w.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[w.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[w.EndOfString,"malformed escape sequence at end of string"]])});var K=R(p=>{"use strict";Object.defineProperty(p,"__esModule",{value:!0});p.unraw=p.errorMessages=p.ErrorType=void 0;var c=H();Object.defineProperty(p,"ErrorType",{enumerable:!0,get:function(){return c.ErrorType}});Object.defineProperty(p,"errorMessages",{enumerable:!0,get:function(){return c.errorMessages}});function fe(r){return!r.match(/[^a-f0-9]/i)?parseInt(r,16):NaN}function _(r,e,o){let t=fe(r);if(Number.isNaN(t)||o!==void 0&&o!==r.length)throw new SyntaxError(c.errorMessages.get(e));return t}function we(r){let e=_(r,c.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(e)}function J(r,e){let o=_(r,c.ErrorType.MalformedUnicode,4);if(e!==void 0){let t=_(e,c.ErrorType.MalformedUnicode,4);return String.fromCharCode(o,t)}return String.fromCharCode(o)}function xe(r){return r.charAt(0)==="{"&&r.charAt(r.length-1)==="}"}function ke(r){if(!xe(r))throw new SyntaxError(c.errorMessages.get(c.ErrorType.MalformedUnicode));let e=r.slice(1,-1),o=_(e,c.ErrorType.MalformedUnicode);try{return String.fromCodePoint(o)}catch(t){throw t instanceof RangeError?new SyntaxError(c.errorMessages.get(c.ErrorType.CodePointLimit)):t}}function ye(r,e=!1){if(e)throw new SyntaxError(c.errorMessages.get(c.ErrorType.OctalDeprecation));let o=parseInt(r,8);return String.fromCharCode(o)}var _e=new Map([["b","\b"],["f","\f"],["n",`
-`],["r","\r"],["t","	"],["v","\v"],["0","\0"]]);function ze(r){return _e.get(r)||r}var Ee=/\\(?:(\\)|x([\s\S]{0,2})|u(\{[^}]*\}?)|u([\s\S]{4})\\u([^{][\s\S]{0,3})|u([\s\S]{0,4})|([0-3]?[0-7]{1,2})|([\s\S])|$)/g;function q(r,e=!1){return r.replace(Ee,function(o,t,a,s,i,n,l,d,h){if(t!==void 0)return"\\";if(a!==void 0)return we(a);if(s!==void 0)return ke(s);if(i!==void 0)return J(i,n);if(l!==void 0)return J(l);if(d==="0")return"\0";if(d!==void 0)return ye(d,!e);if(h!==void 0)return ze(h);throw new SyntaxError(c.errorMessages.get(c.ErrorType.EndOfString))})}p.unraw=q;p.default=q});var N=function(){for(var r=[],e=arguments.length;e--;)r[e]=arguments[e];return r.reduce(function(o,t){return o.concat(typeof t=="string"?t:Array.isArray(t)?N.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{html as L,LitElement as cr}from"lit";import{property as C}from"lit/decorators.js";import{ifDefined as le}from"lit/directives/if-defined.js";import{css as U}from"lit";var X=U`
+var _=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var i=(e,t,o,r)=>{for(var a=r>1?void 0:r?Y(t,o):t,l=e.length-1,b;l>=0;l--)(b=e[l])&&(a=(r?b(t,o,a):b(a))||a);return r&&a&&_(t,o,a),a};var p=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(o,r){return o.concat(typeof r=="string"?r:Array.isArray(r)?p.apply(void 0,r):typeof r=="object"&&r?Object.keys(r).map(function(a){return r[a]?a:""}):"")},[]).join(" ")};import{html as c,LitElement as B}from"lit";import{property as d}from"lit/decorators.js";import{ifDefined as y}from"lit/directives/if-defined.js";import{css as u}from"lit";var m=u`
   *,
   :before,
   :after {
@@ -272,7 +271,7 @@ var be=Object.create;var S=Object.defineProperty;var A=Object.getOwnPropertyDesc
   svg {
     pointer-events: none;
   }
-`,hr=U`*, :before, :after {
+`,G=u`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
             --w-rotate-y: 0;
@@ -2438,25 +2437,42 @@ var be=Object.create;var S=Object.defineProperty;var A=Object.getOwnPropertyDesc
                     display: none
                 }
             }
-        `;import{css as ve}from"lit";var Z=ve`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{LitElement as Be}from"lit";import{unsafeStatic as Ye,html as Pe}from"lit/static-html.js";var Q=me(K(),1);var u=r=>typeof r=="string",Le=r=>typeof r=="function",G=new Map,W="en";function I(r){return[...Array.isArray(r)?r:[r],W]}function T(r,e,o){let t=I(r);o||(o="default");let a;if(typeof o=="string")switch(a={day:"numeric",month:"short",year:"numeric"},o){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=o;return z(()=>E("date",t,o),()=>new Intl.DateTimeFormat(t,a)).format(u(e)?new Date(e):e)}function Ce(r,e,o){let t;if(o||(o="default"),typeof o=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},o){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=o;return T(r,e,t)}function j(r,e,o){let t=I(r);return z(()=>E("number",t,o),()=>new Intl.NumberFormat(t,o)).format(e)}function V(r,e,o,{offset:t=0,...a}){var n,l;let s=I(r),i=e?z(()=>E("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):z(()=>E("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return(l=(n=a[o])!=null?n:a[i.select(o-t)])!=null?l:a.other}function z(r,e){let o=r(),t=G.get(o);return t||(t=e(),G.set(o,t)),t}function E(r,e,o){let t=e.join("-");return`${r}-${t}-${JSON.stringify(o)}`}var ee=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,re="%__lingui_octothorpe__%",Me=(r,e,o={})=>{let t=e||r,a=i=>typeof i=="object"?i:o[i],s=(i,n)=>{let l=Object.keys(o).length?a("number"):void 0,d=j(t,i,l);return n.replace(new RegExp(re,"g"),d)};return{plural:(i,n)=>{let{offset:l=0}=n,d=V(t,!1,i,n);return s(i-l,d)},selectordinal:(i,n)=>{let{offset:l=0}=n,d=V(t,!0,i,n);return s(i-l,d)},select:Oe,number:(i,n)=>j(t,i,a(n)||{style:n}),date:(i,n)=>T(t,i,a(n)||n),time:(i,n)=>Ce(t,i,a(n)||n)}},Oe=(r,e)=>{var o;return(o=e[r])!=null?o:e.other};function Se(r,e,o){return(t={},a)=>{let s=Me(e,o,a),i=(l,d=!1)=>Array.isArray(l)?l.reduce((h,k)=>{if(k==="#"&&d)return h+re;if(u(k))return h+k;let[P,m,$]=k,M={};m==="plural"||m==="selectordinal"||m==="select"?Object.entries($).forEach(([O,de])=>{M[O]=i(de,m==="plural"||m==="selectordinal")}):M=$;let y;if(m){let O=s[m];y=O(t[P],M)}else y=t[P];return y==null?h:h+y},""):l,n=i(r);return u(n)&&ee.test(n)?(0,Q.unraw)(n):u(n)?n:n?String(n):""}}var Ne=Object.defineProperty,je=(r,e,o)=>e in r?Ne(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,De=(r,e,o)=>(je(r,typeof e!="symbol"?e+"":e,o),o),D=class{constructor(){De(this,"_events",{})}on(e,o){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(o),()=>this.removeListener(e,o)}removeListener(e,o){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(o);~a&&t.splice(a,1)}emit(e,...o){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,o))}_getListeners(e){let o=this._events[e];return Array.isArray(o)?o:!1}},Fe=Object.defineProperty,Ie=(r,e,o)=>e in r?Fe(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,f=(r,e,o)=>(Ie(r,typeof e!="symbol"?e+"":e,o),o),F=class extends D{constructor(e){var o;super(),f(this,"_locale",""),f(this,"_locales"),f(this,"_localeData",{}),f(this,"_messages",{}),f(this,"_missing"),f(this,"_messageCompiler"),f(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((o=e.locale)!=null?o:W,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,o){let t=this._localeData[e];t?Object.assign(t,o):this._localeData[e]=o}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,o){typeof e=="string"?this._loadLocaleData(e,o):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,o){let t=this._messages[e];t?Object.assign(t,o):this._messages[e]=o}load(e,o){typeof e=="string"&&typeof o=="object"?this._load(e,o):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:o,messages:t}){this._locale=e,this._locales=o||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,o){this._locale=e,this._locales=o,this.emit("change")}_(e,o,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),u(e)||(o=e.values||o,a=e.message,e=e.id);let s=this.messages[e],i=s===void 0,n=this._missing;if(n&&i)return Le(n)?n(this._locale,e):n;i&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return u(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
-
-> ${l}
-
-That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
-ICU features such as interpolation and plurals will not work properly for that message. 
-
-Please compile your catalog first. 
-`)),u(l)&&ee.test(l)?JSON.parse(`"${l}"`):u(l)?l:Se(l,this._locale,this._locales)(o,t==null?void 0:t.formats)}date(e,o){return T(this._locales||this._locale,e,o)}number(e,o){return j(this._locales||this._locale,e,o)}};function Te(r={}){return new F(r)}var b=Te();var $e=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglass"]}'),Ae=JSON.parse('{"icon.title.search":["Magnifying glass"]}'),Re=JSON.parse('{"icon.title.search":["Suurennuslasi"]}'),Ue=JSON.parse('{"icon.title.search":["Forst\xF8rrelsesglas"]}'),Xe=JSON.parse('{"icon.title.search":["F\xF6rstoringsglas"]}'),oe=["en","nb","fi","da","sv"],te="en",Ze=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},ae=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":te},B=r=>oe.find(e=>r===e||r.toLowerCase().includes(e))||ae();function He(){var r;if(typeof window=="undefined"){let e=Ze();return B(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=ae();return oe.includes(e)?B(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),B(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),te}}var Je=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,qe=(r,e,o,t,a)=>{let s=He(),i=Je(s,r,e,o,t,a);b.load(s,i),b.activate(s)};qe(Ae,$e,Re,Ue,Xe);var Ke=class extends Be{render(){let r=b.t({message:"Magnifying glass",id:"icon.title.search",comment:"Title for search icon"});return Pe`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-search-16-part">${Ye(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.905 12.102A6.042 6.042 0 1 0 4.18.981a6.042 6.042 0 0 0 4.726 11.121Zm1.909-1.289L15.5 15.5"></path></svg>`}};customElements.get("w-icon-search-16")||customElements.define("w-icon-search-16",Ke);import{LitElement as Ge}from"lit";import{unsafeStatic as Ve,html as Qe}from"lit/static-html.js";var We=JSON.parse('{"icon.title.close":["Kryss"]}'),er=JSON.parse('{"icon.title.close":["Cross"]}'),rr=JSON.parse('{"icon.title.close":["Rasti"]}'),or=JSON.parse('{"icon.title.close":["Kryds"]}'),tr=JSON.parse('{"icon.title.close":["Kryss"]}'),ie=["en","nb","fi","da","sv"],ne="en",ar=()=>{var r;let e;switch((r=process==null?void 0:process.env)==null?void 0:r.NMP_BRAND){case"FINN":e="nb";break;case"TORI":e="fi";break;case"BLOCKET":e="sv";break;case"DBA":e="da";break;default:e="en"}return e},se=()=>{var r;let e=(r=document==null?void 0:document.location)==null?void 0:r.hostname;return e!=null&&e.includes("finn")?"nb":e.includes("tori")?"fi":e.includes("blocket")?"sv":e.includes("dba")?"da":ne},Y=r=>ie.find(e=>r===e||r.toLowerCase().includes(e))||se();function ir(){var r;if(typeof window=="undefined"){let e=ar();return Y(e)}try{let e=(r=document==null?void 0:document.documentElement)==null?void 0:r.lang,o=se();return ie.includes(e)?Y(e!=null?e:o):(console.warn("Unsupported locale set in html lang tag, falling back to detection by hostname"),Y(o))}catch(e){return console.warn("could not detect locale, falling back to source locale",e),ne}}var nr=(r,e,o,t,a,s)=>r==="nb"?o:r==="fi"?t:r==="da"?a:r==="sv"?s:e,sr=(r,e,o,t,a)=>{let s=ir(),i=nr(s,r,e,o,t,a);b.load(s,i),b.activate(s)};sr(er,We,rr,or,tr);var lr=class extends Ge{render(){let r=b.t({message:"Cross",id:"icon.title.close",comment:"Title for close icon"});return Qe`<svg xmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="none"viewBox="0 0 16 16" part="w-icon-close-16-part">${Ve(`<title>${r}</title>`)}<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12.5 3.5-9 9m0-9 9 9"></path></svg>`}};customElements.get("w-icon-close-16")||customElements.define("w-icon-close-16",lr);var ce="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",dr={wrapper:ce+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},br={wrapper:ce+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},g=class extends cr{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?dr:br}get _classes(){return N([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return L`
-      <button aria-label="${le(this.ariaLabel)}" class="${this._classes}" type="submit">
-        <w-icon-search-16></w-icon-search-16>
+        `;import{css as M}from"lit";var w=M`*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.rounded-4{border-radius:4px}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.items-center{align-items:center}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.top-0{top:0}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.s-text{color:var(--w-s-color-text)}.w-40{width:4rem}.w-max{width:max-content}.pb-0{padding-bottom:0}.pl-12{padding-left:1.2rem}.pr-12{padding-right:1.2rem}.cursor-default{cursor:default}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}`;import{html as L,LitElement as S}from"lit";import{property as g,state as $}from"lit/decorators.js";import{classMap as E}from"lit/directives/class-map.js";import{css as j}from"lit";var f=j`
+:host {
+  display: inline-block;
+}
+.w-icon {
+  --_w-icon-size: var(--w-icon-size, 24px);
+  height: var(--_w-icon-size);
+  width: var(--_w-icon-size);
+  display: flex;
+}
+.w-icon svg {
+  pointer-events: none;
+  height: var(--_w-icon-size);
+  width: var(--_w-icon-size);
+}
+.w-icon--s {
+  --w-icon-size: 16px;
+}
+.w-icon--m {
+  --w-icon-size: 24px;
+}
+.w-icon--l {
+  --w-icon-size: 32px;
+}
+
+`;var v=new Map,P='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function X(e,t={}){var r;let o=(r=t.responseParser)!=null?r:(a=>a.text());return v.has(e)||v.set(e,fetch(e).then(o)),v.get(e)}var n=class extends S{constructor(){super(...arguments);this.name="";this.size="medium";this.locale="en";this.svg=null}async fetchIcon(o){let r=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${o}.svg`;try{let a=await X(r);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch(a){return null}}firstUpdated(){this.loadIcon()}updated(o){(o.has("name")||o.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let o=await this.fetchIcon(this.name);o||(o=new DOMParser().parseFromString(P,"text/html").body.firstElementChild),this.svg=o}render(){let o={"w-icon":!0,"w-icon--s":this.size==="small","w-icon--m":this.size==="medium","w-icon--l":this.size==="large"},r=typeof this.size=="string"&&this.size.endsWith("px")?`--w-icon-size: ${this.size};`:"";return L`<div class="${E(o)}" style="${r}" part="w-${this.name.toLowerCase()}">${this.svg}</div>`}};n.styles=[f],i([g({type:String,reflect:!0})],n.prototype,"name",2),i([g({type:String,reflect:!0})],n.prototype,"size",2),i([g({type:String,reflect:!0})],n.prototype,"locale",2),i([$()],n.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",n);var Z=["en","nb","fi","da","sv"],k="en",x=e=>Z.find(t=>e===t||e.toLowerCase().includes(t))||k;function h(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return x(e)}try{let e=document.documentElement.lang;return x(e)}catch(e){return console.warn("could not detect locale, falling back to source locale",e),k}}var z="absolute top-0 bottom-0 flex justify-center items-center focusable rounded-4 focus:[--w-outline-offset:-2px] bg-transparent ",T={wrapper:z+"right-0",wrapperWithLabel:"w-max pr-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},R={wrapper:z+"left-0",wrapperWithLabel:"w-max pl-12",wrapperWithIcon:"w-40",label:"antialiased block relative cursor-default pb-0 font-bold text-xs s-text"},s=class extends B{constructor(){super(...arguments);this.clear=!1;this.search=!1}get _classBase(){return this.slot==="suffix"?T:R}get _classes(){return p([this._classBase.wrapper,this.label?this._classBase.wrapperWithLabel:this._classBase.wrapperWithIcon])}get _searchButton(){return c`
+      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="submit">
+        <w-icon name="Search" size="small" locale="${h()}" class="flex"></w-icon>
       </button>
-    `}get _clearButton(){return L`
-      <button aria-label="${le(this.ariaLabel)}" class="${this._classes}" type="reset">
-        <w-icon-close-16></w-icon-close-16>
+    `}get _clearButton(){return c`
+      <button aria-label="${y(this.ariaLabel)}" class="${this._classes}" type="reset">
+        <w-icon name="Close" size="small" locale="${h()}" class="flex"></w-icon>
       </button>
-    `}get _text(){return L`
+    `}get _text(){return c`
       <div class="${this._classes}">
         <span class="${this._classBase.label}">${this.label}</span>
       </div>
-    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return L`${this._markup}`}};g.styles=[X,Z],x([C({attribute:"aria-label"})],g.prototype,"ariaLabel",2),x([C({type:Boolean})],g.prototype,"clear",2),x([C({type:Boolean})],g.prototype,"search",2),x([C()],g.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",g);export{g as WarpAffix};
+    `}get _markup(){if(this.label)return this._text;if(this.search)return this._searchButton;if(this.clear)return this._clearButton}render(){return c`${this._markup}`}};s.styles=[m,w],i([d({attribute:"aria-label"})],s.prototype,"ariaLabel",2),i([d({type:Boolean})],s.prototype,"clear",2),i([d({type:Boolean})],s.prototype,"search",2),i([d()],s.prototype,"label",2);customElements.get("w-affix")||customElements.define("w-affix",s);export{s as WarpAffix};
 //# sourceMappingURL=affix.js.map