@warp-ds/elements 2.10.0-next.17 → 2.10.0-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +285 -159
- package/dist/docs/affix/affix.md +117 -0
- package/dist/docs/affix/styling.md +107 -0
- package/dist/docs/breadcrumb-item/api.md +27 -0
- package/dist/docs/breadcrumb-item/breadcrumb-item.md +34 -0
- package/dist/docs/breadcrumbs/accessibility.md +8 -18
- package/dist/docs/breadcrumbs/breadcrumbs.md +120 -34
- package/dist/docs/breadcrumbs/examples.md +8 -8
- package/dist/docs/breadcrumbs/styling.md +96 -0
- package/dist/docs/breadcrumbs/usage.md +8 -8
- package/dist/docs/index.md +2 -1
- package/dist/docs/select/select.md +91 -0
- package/dist/docs/select/styling.md +91 -0
- package/dist/docs/textarea/styling.md +91 -0
- package/dist/docs/textarea/textarea.md +91 -0
- package/dist/docs/textfield/api.md +8 -0
- package/dist/docs/textfield/styling.md +95 -0
- package/dist/docs/textfield/textfield.md +103 -0
- package/dist/index.d.ts +175 -64
- package/dist/packages/affix/affix-styles.d.ts +8 -0
- package/dist/packages/affix/affix-styles.js +108 -0
- package/dist/packages/affix/affix.d.ts +11 -8
- package/dist/packages/affix/affix.js +118 -17
- package/dist/packages/affix/affix.js.map +4 -4
- package/dist/packages/affix/affix.react.stories.d.ts +1 -1
- package/dist/packages/affix/react.d.ts +1 -1
- package/dist/packages/alert/alert.js.map +1 -1
- package/dist/packages/attention/attention.js.map +1 -1
- package/dist/packages/breadcrumb-item/breadcrumb-item.d.ts +29 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js +2529 -0
- package/dist/packages/breadcrumb-item/breadcrumb-item.js.map +7 -0
- package/dist/packages/breadcrumb-item/react.d.ts +2 -0
- package/dist/packages/breadcrumb-item/react.js +11 -0
- package/dist/packages/breadcrumb-item/styles.d.ts +4 -0
- package/dist/packages/breadcrumb-item/styles.js +81 -0
- package/dist/packages/breadcrumbs/breadcrumbs.d.ts +2 -0
- package/dist/packages/breadcrumbs/breadcrumbs.js +11 -13
- package/dist/packages/breadcrumbs/breadcrumbs.js.map +3 -3
- package/dist/packages/breadcrumbs/breadcrumbs.react.stories.js +11 -10
- package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +4 -5
- package/dist/packages/breadcrumbs/breadcrumbs.stories.js +14 -11
- package/dist/packages/button/button.react.stories.d.ts +2 -2
- package/dist/packages/button/react.d.ts +1 -1
- package/dist/packages/checkbox-group/react.d.ts +1 -1
- package/dist/packages/combobox/combobox.react.stories.d.ts +2 -2
- package/dist/packages/combobox/react.d.ts +1 -1
- package/dist/packages/datepicker/datepicker.js.map +1 -1
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +2 -2
- package/dist/packages/datepicker/react.d.ts +1 -1
- package/dist/packages/expandable/expandable.js.map +1 -1
- package/dist/packages/icon/icon.js +2 -2
- package/dist/packages/icon/icon.js.map +1 -1
- package/dist/packages/icon/icon.react.stories.d.ts +2 -1
- package/dist/packages/icon/icon.react.stories.js +1 -1
- package/dist/packages/modal-header/modal-header.js.map +1 -1
- package/dist/packages/pagination/pagination.js.map +1 -1
- package/dist/packages/pagination/pagination.react.stories.d.ts +2 -2
- package/dist/packages/pagination/react.d.ts +1 -1
- package/dist/packages/pill/pill.js.map +1 -1
- package/dist/packages/radio-group/react.d.ts +1 -1
- package/dist/packages/select/input-styles.d.ts +11 -0
- package/dist/packages/select/input-styles.js +88 -0
- package/dist/packages/select/react.d.ts +1 -1
- package/dist/packages/select/select.js +96 -19
- package/dist/packages/select/select.js.map +4 -4
- package/dist/packages/select/select.react.stories.d.ts +2 -2
- package/dist/packages/slider/react.d.ts +1 -1
- package/dist/packages/slider/slider.react.stories.d.ts +1 -1
- package/dist/packages/slider-thumb/react.d.ts +1 -1
- package/dist/packages/snackbar/snackbar.d.ts +2 -2
- package/dist/packages/snackbar/snackbar.js +1 -1
- package/dist/packages/snackbar/snackbar.js.map +2 -2
- package/dist/packages/step/step.js.map +1 -1
- package/dist/packages/textarea/input-styles.d.ts +11 -0
- package/dist/packages/textarea/input-styles.js +88 -0
- package/dist/packages/textarea/react.d.ts +1 -1
- package/dist/packages/textarea/textarea.js +99 -20
- package/dist/packages/textarea/textarea.js.map +4 -4
- package/dist/packages/textarea/textarea.react.stories.d.ts +2 -2
- package/dist/packages/textfield/input-styles.d.ts +11 -0
- package/dist/packages/textfield/input-styles.js +88 -0
- package/dist/packages/textfield/locales/da/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/da/messages.mjs +1 -0
- package/dist/packages/textfield/locales/en/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/en/messages.mjs +1 -0
- package/dist/packages/textfield/locales/fi/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/fi/messages.mjs +1 -0
- package/dist/packages/textfield/locales/nb/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/nb/messages.mjs +1 -0
- package/dist/packages/textfield/locales/sv/messages.d.mts +1 -0
- package/dist/packages/textfield/locales/sv/messages.mjs +1 -0
- package/dist/packages/textfield/react.d.ts +1 -1
- package/dist/packages/textfield/textfield.d.ts +11 -1
- package/dist/packages/textfield/textfield.js +111 -24
- package/dist/packages/textfield/textfield.js.map +4 -4
- package/dist/packages/textfield/textfield.react.stories.d.ts +2 -2
- package/dist/packages/toast/styles.js +1 -1
- package/dist/packages/toast/toast.js +7 -7
- package/dist/packages/toast/toast.js.map +2 -2
- package/dist/packages/toast-container/toast-container.js +8 -8
- package/dist/packages/toast-container/toast-container.js.map +3 -3
- package/dist/web-types.json +96 -50
- package/eik/index.js +20 -20
- package/package.json +8 -1
|
@@ -3,7 +3,7 @@ import React from "react";
|
|
|
3
3
|
import { TextField } from "./react";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
|
-
render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "value" | "form" | "label" | "mask" | "pattern" | "
|
|
6
|
+
render(args: Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "value" | "form" | "label" | "mask" | "pattern" | "autocomplete" | "name" | "type" | "disabled" | "invalid" | "helpText" | "optional" | "size" | "max" | "min" | "minLength" | "minlength" | "maxLength" | "maxlength" | "placeholder" | "readOnly" | "readonly" | "required" | "step" | "formatter" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "onfocus" | "oninput" | "_hasPrefix" | "_hasSuffix" | "updated" | "firstUpdated" | "resetFormControl" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onFocus" | "onBlur" | "onChange" | "onInput"> & {
|
|
7
7
|
onBlur?: ((e: Event) => void) | undefined;
|
|
8
8
|
onblur?: ((e: Event) => void) | undefined;
|
|
9
9
|
onChange?: ((e: Event) => void) | undefined;
|
|
@@ -18,7 +18,7 @@ declare const _default: {
|
|
|
18
18
|
maxLength?: number;
|
|
19
19
|
readOnly?: boolean;
|
|
20
20
|
} & React.RefAttributes<import("./textfield").WarpTextField>): React.JSX.Element;
|
|
21
|
-
component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "value" | "form" | "label" | "mask" | "pattern" | "
|
|
21
|
+
component: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.HTMLAttributes<import("./textfield").WarpTextField>, "value" | "form" | "label" | "mask" | "pattern" | "autocomplete" | "name" | "type" | "disabled" | "invalid" | "helpText" | "optional" | "size" | "max" | "min" | "minLength" | "minlength" | "maxLength" | "maxlength" | "placeholder" | "readOnly" | "readonly" | "required" | "step" | "formatter" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "onblur" | "onchange" | "onfocus" | "oninput" | "_hasPrefix" | "_hasSuffix" | "updated" | "firstUpdated" | "resetFormControl" | "_inputstyles" | "_helptextstyles" | "_label" | "_helpId" | "_id" | "_error" | "handler" | "prefixSlotChange" | "suffixSlotChange" | "render" | "validationTarget" | "internals" | "showError" | "validationMessage" | "validity" | "validationComplete" | "checkValidity" | "formResetCallback" | "valueChangedCallback" | "validityCallback" | "validationMessageCallback" | "setValue" | "shouldFormValueUpdate" | "renderOptions" | "onFocus" | "onBlur" | "onChange" | "onInput"> & {
|
|
22
22
|
onBlur?: ((e: Event) => void) | undefined;
|
|
23
23
|
onblur?: ((e: Event) => void) | undefined;
|
|
24
24
|
onChange?: ((e: Event) => void) | undefined;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { unsafeCSS } from "lit";
|
|
2
|
-
export const styles = unsafeCSS("*,: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}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.
|
|
2
|
+
export const styles = unsafeCSS("*,: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}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var G=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ke(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&xe(e,r,a),a};var ye=(o,e,r)=>e.has(o)||G("Cannot "+r);var F=(o,e,r)=>(ye(o,e,"read from private field"),r?r.call(o):e.get(o)),H=(o,e,r)=>e.has(o)?G("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var g=o=>typeof o=="string",_e=o=>typeof o=="function",J=new Map,B="en";function
|
|
1
|
+
var xe=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var G=o=>{throw TypeError(o)};var d=(o,e,r,t)=>{for(var a=t>1?void 0:t?ke(e,r):e,i=o.length-1,n;i>=0;i--)(n=o[i])&&(a=(t?n(e,r,a):n(a))||a);return t&&a&&xe(e,r,a),a};var ye=(o,e,r)=>e.has(o)||G("Cannot "+r);var F=(o,e,r)=>(ye(o,e,"read from private field"),r?r.call(o):e.get(o)),H=(o,e,r)=>e.has(o)?G("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r);var z=function(){for(var o=[],e=arguments.length;e--;)o[e]=arguments[e];return o.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?z.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};var g=o=>typeof o=="string",_e=o=>typeof o=="function",J=new Map,B="en";function j(o){return[...Array.isArray(o)?o:[o],B]}function N(o,e,r){let t=j(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return E(()=>L("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(g(e)?new Date(e):e)}function ze(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return N(o,e,t)}function O(o,e,r){let t=j(o);return E(()=>L("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function U(o,e,r,{offset:t=0,...a}){let i=j(o),n=e?E(()=>L("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):E(()=>L("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return a[r]??a[n.select(r-t)]??a.other}function E(o,e){let r=o(),t=J.get(r);return t||(t=e(),J.set(r,t)),t}function L(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var K=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,Q=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),W="%__lingui_octothorpe__%",Ee=(o,e,r={})=>{let t=e||o,a=n=>typeof n=="object"?n:r[n],i=(n,s)=>{let c=Object.keys(r).length?a("number"):void 0,m=O(t,n,c);return s.replace(new RegExp(W,"g"),m)};return{plural:(n,s)=>{let{offset:c=0}=s,m=U(t,!1,n,s);return i(n-c,m)},selectordinal:(n,s)=>{let{offset:c=0}=s,m=U(t,!0,n,s);return i(n-c,m)},select:Le,number:(n,s)=>O(t,n,a(s)||{style:s}),date:(n,s)=>N(t,n,a(s)||s),time:(n,s)=>ze(t,n,a(s)||s)}},Le=(o,e)=>e[o]??e.other;function Me(o,e,r){return(t={},a)=>{let i=Ee(e,r,a),n=(c,m=!1)=>Array.isArray(c)?c.reduce((k,y)=>{if(y==="#"&&m)return k+W;if(g(y))return k+y;let[Z,h,q]=y,T={};h==="plural"||h==="selectordinal"||h==="select"?Object.entries(q).forEach(([P,fe])=>{T[P]=n(fe,h==="plural"||h==="selectordinal")}):T=q;let _;if(h){let P=i[h];_=P(t[Z],T)}else _=t[Z];return _==null?k:k+_},""):c,s=n(o);return g(s)&&K.test(s)?Q(s):g(s)?s:s?String(s):""}}var Ce=Object.defineProperty,Se=(o,e,r)=>e in o?Ce(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Te=(o,e,r)=>(Se(o,typeof e!="symbol"?e+"":e,r),r),$=class{constructor(){Te(this,"_events",{})}on(e,r){var t;return(t=this._events)[e]??(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Pe=Object.defineProperty,Fe=(o,e,r)=>e in o?Pe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,v=(o,e,r)=>(Fe(o,typeof e!="symbol"?e+"":e,r),r),D=class extends ${constructor(e){super(),v(this,"_locale",""),v(this,"_locales"),v(this,"_localeData",{}),v(this,"_messages",{}),v(this,"_missing"),v(this,"_messageCompiler"),v(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(e.locale??B,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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?.message;e||(e=""),g(e)||(r=e.values||r,a=e.message,e=e.id);let i=this.messages[e],n=i===void 0,s=this._missing;if(s&&n)return _e(s)?s(this._locale,e):s;n&&this.emit("missing",{id:e,locale:this._locale});let c=i||a||e;return g(c)&&(this._messageCompiler?c=this._messageCompiler(c):console.warn(`Uncompiled message detected! Message:
|
|
2
2
|
|
|
3
|
-
> ${
|
|
3
|
+
> ${c}
|
|
4
4
|
|
|
5
5
|
That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
|
|
6
6
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
7
7
|
|
|
8
8
|
Please compile your catalog first.
|
|
9
|
-
`)),g(
|
|
9
|
+
`)),g(c)&&K.test(c)?Q(c):g(c)?c:Me(c,this._locale,this._locales)(r,t?.formats)}date(e,r){return N(this._locales||this._locale,e,r)}number(e,r){return O(this._locales||this._locale,e,r)}};function Oe(o={}){return new D(o)}var l=Oe();import{css as er,html as w,LitElement as rr}from"lit";import{property as S,state as or}from"lit/decorators.js";import{when as tr}from"lit/directives/when.js";import{html as De,LitElement as je}from"lit";import{property as Y,state as Ne}from"lit/decorators.js";import{classMap as Ye}from"lit/directives/class-map.js";import{css as $e}from"lit";var ee=$e`
|
|
10
10
|
:host {
|
|
11
11
|
display: inline-block;
|
|
12
12
|
}
|
|
@@ -30,13 +30,13 @@ Please compile your catalog first.
|
|
|
30
30
|
.w-icon--l {
|
|
31
31
|
--w-icon-size: 32px;
|
|
32
32
|
}
|
|
33
|
-
`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function
|
|
34
|
-
class="${
|
|
33
|
+
`;var A=new Map,Ae='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Ie(o,e={}){let r=e.responseParser??(t=>t.text());return A.has(o)||A.set(o,fetch(o).then(r)),A.get(o)}var u=class extends je{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Ie(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(Ae,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},i=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return De`<div
|
|
34
|
+
class="${Ye(a)}"
|
|
35
35
|
style="${i}"
|
|
36
36
|
part="w-${t.toLowerCase()}"
|
|
37
37
|
>
|
|
38
38
|
${this.svg}
|
|
39
|
-
</div>`}};u.styles=[ee],d([
|
|
39
|
+
</div>`}};u.styles=[ee],d([Y({type:String,reflect:!0})],u.prototype,"name",2),d([Y({type:String,reflect:!0})],u.prototype,"size",2),d([Y({type:String,reflect:!0,useDefault:!0})],u.prototype,"locale",2),d([Ne()],u.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",u);var Re=["en","nb","fi","da","sv"],I="en",M=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||I;function x(){if(typeof window>"u"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(o)}try{let o=oe(document);if(o)return M(o);let e=qe();if(e)return M(e);let r=oe(ie());return r?M(r):I}catch(o){return console.warn("could not detect locale, falling back to source locale",o),I}}var te=(o,e,r,t,a)=>{l.load("en",o),l.load("nb",e),l.load("fi",r),l.load("da",t),l.load("sv",a);let i=x();l.activate(i),ae(),Xe()},Ve="warp-i18n-change";function ae(){typeof window>"u"||window.dispatchEvent(new Event(Ve))}var re=!1;function Xe(){if(re||typeof window>"u"||!document?.documentElement)return;re=!0;let o=()=>{let a=x();l.locale!==a&&(l.activate(a),ae())},e=new MutationObserver(a=>{for(let i of a)if(i.type==="attributes"&&i.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=ie();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Ze();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function ie(){try{return window.parent?.document??null}catch{return null}}function oe(o){try{return o?.documentElement?.lang??""}catch{return""}}function Ze(){try{return window.frameElement??null}catch{return null}}function qe(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ge}from"lit";import{unsafeCSS as He}from"lit";var ne=Ge`
|
|
40
40
|
*,
|
|
41
41
|
:before,
|
|
42
42
|
:after {
|
|
@@ -2475,7 +2475,7 @@ Please compile your catalog first.
|
|
|
2475
2475
|
display: none
|
|
2476
2476
|
}
|
|
2477
2477
|
}
|
|
2478
|
-
`);var
|
|
2478
|
+
`);var R=typeof window<"u",V=!0;if(R){let o=window.matchMedia("(prefers-reduced-motion: reduce)"),e=({matches:r})=>V=!r;o.addEventListener&&o.addEventListener("change",e),e(o)}var se=o=>{o.style.transition=null,o.style.backfaceVisibility=null,o.style.overflow=null},ce=o=>{let e="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";o.style.transition=`height ${e}`,o.style.backfaceVisibility="hidden",o.style.overflow="hidden"},Je=(o,e)=>()=>{o.style.height="auto",o.style.overflow=null,e&&e()},Ue=o=>()=>{o&&o()},le=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="auto",e&&e(),r;let t=Je(o,e);se(o),o.style.height="auto";let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height="0px",o.style.transitionTimingFunction="ease-out",ce(o),requestAnimationFrame(()=>o.style.height=a+"px")}),r)return r},de=(o,e)=>{let r=(()=>{if(!e)return new Promise(i=>{e=i})})();if(!V)return o.style.height="0px",e&&e(),r;let t=Ue(e);se(o);let a=o.scrollHeight;if(R&&requestAnimationFrame(()=>{o.addEventListener("transitionend",t,{once:!0}),o.style.height=a+"px",o.style.transitionTimingFunction="ease-in",ce(o),requestAnimationFrame(()=>o.style.height="0px")}),r)return r};var pe=JSON.parse('{"toast.aria.error":["Fejl"],"toast.aria.successful":["Fuldf\xF8rt"],"toast.aria.warning":["Advarsel"]}');var be=JSON.parse('{"toast.aria.error":["Error"],"toast.aria.successful":["Successful"],"toast.aria.warning":["Warning"]}');var ge=JSON.parse('{"toast.aria.error":["Virhe"],"toast.aria.successful":["Onnistui"],"toast.aria.warning":["Varoitus"]}');var ue=JSON.parse('{"toast.aria.error":["Feil"],"toast.aria.successful":["Vellykket"],"toast.aria.warning":["Advarsel"]}');var me=JSON.parse('{"toast.aria.error":["Fel"],"toast.aria.successful":["Genomf\xF6rt"],"toast.aria.warning":["Varning"]}');import{unsafeCSS as Be}from"lit";var he=Be("*,: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}.bg-transparent{background-color:#0000}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.block{display:block}.flex{display:flex}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.self-center{align-self:center}.relative{position:relative}.static{position:static}.s-bg-negative-subtle{background-color:var(--w-s-color-background-negative-subtle)}.s-bg-positive-subtle{background-color:var(--w-s-color-background-positive-subtle)}.s-bg-warning-subtle{background-color:var(--w-s-color-background-warning-subtle)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-icon-negative{color:var(--w-s-color-icon-negative)}.s-icon-positive{color:var(--w-s-color-icon-positive)}.s-icon-warning{color:var(--w-s-color-icon-warning)}.hover\\:s-icon-hover:hover{color:var(--w-s-color-icon-hover)}.active\\:s-icon-active:active{color:var(--w-s-color-icon-active)}.s-border-negative-subtle{border-color:var(--w-s-color-border-negative-subtle)}.s-border-positive-subtle{border-color:var(--w-s-color-border-positive-subtle)}.s-border-warning-subtle{border-color:var(--w-s-color-border-warning-subtle)}.w-full{width:100%}.h-\\[16px\\]{height:16px}.w-\\[16px\\]{width:16px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-auto{margin-left:auto}.mr-8{margin-right:.8rem}.mt-16{margin-top:1.6rem}.m-\\[8px\\]{margin:8px}.p-8{padding:.8rem}.py-4{padding-top:.4rem;padding-bottom:.4rem}.p-\\[8px\\]{padding:8px}.pointer-events-auto{pointer-events:auto}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}");var C=typeof window<"u";function X(){return customElements.get("w-toast-container")}function Ke(o,e){if(!C)return;let r=X().init(),t={id:Date.now().toString(36)+Math.random().toString(36).slice(2,5),text:o,duration:5e3,type:"success",...e};return r.set(t),t}function Qe(o){return C?X().init().del(o):void 0}function We(o,e){if(!C)return;let r=X().init();return r.set({...r.get(o),...e}),r.get(o)}var p={wrapper:"relative overflow-hidden w-full",base:"flex group p-8 mt-16 rounded-8 border-2 pointer-events-auto transition-all",positive:"s-bg-positive-subtle s-border-positive-subtle s-text",warning:"s-bg-warning-subtle s-border-warning-subtle s-text",negative:"s-bg-negative-subtle s-border-negative-subtle s-text",iconBase:"shrink-0 rounded-full w-[16px] h-[16px] m-[8px]",iconPositive:"s-icon-positive",iconWarning:"s-icon-warning",iconNegative:"s-icon-negative",iconLoading:"animate-bounce",content:"self-center mr-8 py-4 last-child:mb-0",close:"bg-transparent ml-auto p-[8px] s-icon hover:s-icon-hover active:s-icon-active"},f,ve,we,b=class extends rr{constructor(){super();H(this,f);this.type="success";this.text="";this.canclose=!1;this._expanded=!1;te(be,ue,ge,pe,me),this.id||(this.id=Date.now().toString(36)+Math.random().toString(36).slice(2,5))}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback()}updated(){!this._expanded&&this._wrapper&&le(this._wrapper,()=>this._expanded=!0)}get _wrapper(){return this.renderRoot?.querySelector("section")??null}get _warning(){return this.type==="warning"}get _error(){return(this.type||"success")==="error"}get _role(){return this._error||this._warning?"alert":"status"}get _typeLabel(){return this._warning?l._({id:"toast.aria.warning",message:"Warning",comment:"Default screenreader message for warning in toast component"}):this._error?l._({id:"toast.aria.error",message:"Error",comment:"Default screenreader message for error in toast component"}):l._({id:"toast.aria.successful",message:"Successful",comment:"Default screenreader message for successful in toast component"})}get _iconMarkup(){let r=x();return this._warning?w`<w-icon
|
|
2479
2479
|
name="Warning"
|
|
2480
2480
|
size="small"
|
|
2481
2481
|
locale="${r}"
|