@warp-ds/elements 2.9.0-next.5 → 2.9.0
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 +221 -118
- package/dist/docs/affix/affix.md +49 -61
- package/dist/docs/affix/api.md +25 -23
- package/dist/docs/affix/examples.md +24 -38
- package/dist/docs/alert/accessibility.md +4 -9
- package/dist/docs/alert/alert.md +36 -51
- package/dist/docs/alert/api.md +12 -12
- package/dist/docs/alert/examples.md +20 -30
- package/dist/docs/attention/accessibility.md +50 -0
- package/dist/docs/attention/api.md +72 -59
- package/dist/docs/attention/attention.md +305 -56
- package/dist/docs/attention/examples.md +91 -0
- package/dist/docs/attention/usage.md +91 -0
- package/dist/docs/badge/accessibility.md +44 -0
- package/dist/docs/badge/api.md +12 -8
- package/dist/docs/badge/badge.md +178 -10
- package/dist/docs/badge/examples.md +69 -0
- package/dist/docs/badge/usage.md +53 -0
- package/dist/docs/button/api.md +46 -42
- package/dist/docs/button/button.md +46 -42
- package/dist/docs/card/api.md +11 -11
- package/dist/docs/card/card.md +11 -11
- package/dist/docs/combobox/api.md +62 -62
- package/dist/docs/combobox/combobox.md +62 -62
- package/dist/docs/datepicker/api.md +74 -66
- package/dist/docs/datepicker/datepicker.md +74 -66
- package/dist/docs/expandable/api.md +26 -26
- package/dist/docs/expandable/expandable.md +26 -26
- package/dist/docs/link/api.md +28 -28
- package/dist/docs/link/link.md +28 -28
- package/dist/docs/page-indicator/api.md +6 -6
- package/dist/docs/page-indicator/page-indicator.md +6 -6
- package/dist/docs/pagination/api.md +3 -3
- package/dist/docs/pagination/pagination.md +3 -3
- package/dist/docs/pill/api.md +19 -15
- package/dist/docs/pill/pill.md +19 -15
- package/dist/docs/select/api.md +44 -44
- package/dist/docs/select/select.md +44 -44
- package/dist/docs/slider/api.md +80 -78
- package/dist/docs/slider/slider.md +80 -78
- package/dist/docs/slider-thumb/api.md +28 -76
- package/dist/docs/slider-thumb/slider-thumb.md +28 -76
- package/dist/docs/switch/api.md +16 -16
- package/dist/docs/switch/switch.md +16 -16
- package/dist/docs/tab/api.md +26 -40
- package/dist/docs/tab/tab.md +26 -40
- package/dist/docs/tab-panel/api.md +1 -17
- package/dist/docs/tab-panel/tab-panel.md +1 -17
- package/dist/docs/tabs/api.md +3 -3
- package/dist/docs/tabs/tabs.md +3 -3
- package/dist/docs/textarea/accessibility.md +5 -0
- package/dist/docs/textarea/api.md +52 -65
- package/dist/docs/textarea/examples.md +81 -0
- package/dist/docs/textarea/textarea.md +151 -65
- package/dist/docs/textarea/usage.md +9 -0
- package/dist/docs/textfield/accessibility.md +15 -0
- package/dist/docs/textfield/api.md +86 -83
- package/dist/docs/textfield/examples.md +130 -0
- package/dist/docs/textfield/textfield.md +258 -86
- package/dist/docs/textfield/usage.md +26 -0
- package/dist/index.d.ts +456 -330
- package/dist/packages/attention/attention.d.ts +46 -37
- package/dist/packages/attention/attention.js +20 -20
- package/dist/packages/attention/attention.js.map +3 -3
- package/dist/packages/badge/badge.d.ts +7 -5
- package/dist/packages/badge/badge.js.map +2 -2
- package/dist/packages/datepicker/datepicker.js +1 -1
- package/dist/packages/datepicker/datepicker.js.map +2 -2
- package/dist/packages/datepicker/datepicker.react.stories.d.ts +9 -1
- package/dist/packages/datepicker/react.d.ts +4 -0
- package/dist/packages/datepicker/react.js +4 -0
- package/dist/packages/textarea/textarea.d.ts +38 -29
- package/dist/packages/textarea/textarea.js.map +2 -2
- package/dist/packages/textfield/textfield.d.ts +57 -60
- package/dist/packages/textfield/textfield.js +5 -5
- package/dist/packages/textfield/textfield.js.map +2 -2
- package/dist/packages/textfield/textfield.react.stories.d.ts +1 -1
- package/dist/web-types.json +573 -153
- package/package.json +1 -2
|
@@ -1,75 +1,84 @@
|
|
|
1
1
|
import { Directions } from '@warp-ds/core/attention';
|
|
2
|
-
import { LitElement } from 'lit';
|
|
2
|
+
import { LitElement, nothing } from 'lit';
|
|
3
3
|
import '../icon/icon.js';
|
|
4
4
|
import '../button/button.js';
|
|
5
|
+
import type { AttentionState } from '@warp-ds/core/attention';
|
|
6
|
+
import type { TemplateResult } from 'lit';
|
|
7
|
+
/**
|
|
8
|
+
* Attention is a versatile component for displaying contextual information and messages. It can be used for a wide range of purposes, such as tooltips, callouts, popovers, and highlights.
|
|
9
|
+
*
|
|
10
|
+
* The component is designed to be anchored to a trigger element, providing contextual information related to that element. It supports various placements and styling options to accommodate different use cases and design needs.
|
|
11
|
+
*
|
|
12
|
+
* Note: attention will soon be split into multiple components (tooltip, callout, popover, highlight) at which time this component will be deprecated. For now, use the `tooltip`, `callout`, `popover`, and `highlight` boolean properties to achieve the desired style and behavior.
|
|
13
|
+
*/
|
|
5
14
|
declare class WarpAttention extends LitElement {
|
|
6
15
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
16
|
+
* Controls whether the attention panel is visible.
|
|
17
|
+
* Set to `true` to show the attention content and `false` to hide it.
|
|
9
18
|
*/
|
|
10
19
|
show: boolean;
|
|
11
20
|
/**
|
|
12
|
-
*
|
|
13
|
-
*
|
|
21
|
+
* Preferred placement relative to the trigger element.
|
|
22
|
+
* Sets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.
|
|
14
23
|
*/
|
|
15
24
|
placement: Directions;
|
|
16
25
|
/**
|
|
17
|
-
*
|
|
18
|
-
*
|
|
26
|
+
* Renders the component with tooltip styling and behavior.
|
|
27
|
+
* Use for compact, non-modal contextual hints anchored to another element.
|
|
19
28
|
*/
|
|
20
29
|
tooltip: boolean;
|
|
21
30
|
/**
|
|
22
|
-
*
|
|
23
|
-
*
|
|
31
|
+
* Renders the component as an inline callout.
|
|
32
|
+
* Callout mode is used for always-in-flow informational content instead of floating overlay behavior.
|
|
24
33
|
*/
|
|
25
34
|
callout: boolean;
|
|
26
35
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
36
|
+
* Enables native popover behavior for the attention element.
|
|
37
|
+
* When enabled, the component uses popover semantics and styling suitable for floating surface UI.
|
|
29
38
|
*/
|
|
30
39
|
popover: boolean;
|
|
31
40
|
/**
|
|
32
|
-
*
|
|
33
|
-
*
|
|
41
|
+
* Renders the component with highlight styling.
|
|
42
|
+
* Use highlight mode to visually emphasize important contextual information.
|
|
34
43
|
*/
|
|
35
44
|
highlight: boolean;
|
|
36
45
|
/**
|
|
37
|
-
*
|
|
38
|
-
*
|
|
46
|
+
* Shows a close button inside the attention component.
|
|
47
|
+
* Adds an internal dismiss action that lets users close the attention panel.
|
|
39
48
|
*/
|
|
40
49
|
canClose: boolean;
|
|
41
50
|
/**
|
|
42
|
-
*
|
|
43
|
-
*
|
|
51
|
+
* Hides the directional arrow of the attention component.
|
|
52
|
+
* Disable the arrow when the visual connection to the trigger should not be shown.
|
|
44
53
|
*/
|
|
45
54
|
noArrow: boolean;
|
|
46
55
|
/**
|
|
47
|
-
*
|
|
48
|
-
*
|
|
56
|
+
* Distance offset between trigger and attention panel.
|
|
57
|
+
* Defines the main-axis spacing in pixels from the anchor element.
|
|
49
58
|
*/
|
|
50
59
|
distance: number;
|
|
51
60
|
/**
|
|
52
|
-
*
|
|
53
|
-
*
|
|
61
|
+
* Cross-axis offset for fine-grained positioning.
|
|
62
|
+
* Moves the panel along the cross axis in pixels to adjust alignment with the trigger.
|
|
54
63
|
*/
|
|
55
64
|
skidding: number;
|
|
56
65
|
/**
|
|
57
|
-
*
|
|
58
|
-
*
|
|
66
|
+
* Enables automatic flipping when placement has no space.
|
|
67
|
+
* Allows the component to choose an alternative side if the preferred placement would overflow.
|
|
59
68
|
*/
|
|
60
69
|
flip: boolean;
|
|
61
70
|
/**
|
|
62
|
-
*
|
|
63
|
-
*
|
|
71
|
+
* Allows overflow checks on the cross axis when flipping.
|
|
72
|
+
* Use with `flip` to improve collision handling when space is constrained horizontally or vertically.
|
|
64
73
|
*/
|
|
65
74
|
crossAxis: boolean;
|
|
66
75
|
/**
|
|
67
|
-
*
|
|
68
|
-
*
|
|
76
|
+
* Ordered list of fallback placements.
|
|
77
|
+
* Provides explicit alternative placements to try when `flip` is enabled and the preferred placement does not fit.
|
|
69
78
|
*/
|
|
70
79
|
fallbackPlacements: Directions[];
|
|
71
80
|
/** @internal */
|
|
72
|
-
attentionState:
|
|
81
|
+
attentionState: AttentionState | null;
|
|
73
82
|
/** @internal */
|
|
74
83
|
_initialPlacement: Directions;
|
|
75
84
|
static styles: import("lit").CSSResult[];
|
|
@@ -82,30 +91,30 @@ declare class WarpAttention extends LitElement {
|
|
|
82
91
|
/** @internal */
|
|
83
92
|
set _actualDirection(v: Directions);
|
|
84
93
|
/** @internal */
|
|
85
|
-
get _arrowEl():
|
|
94
|
+
get _arrowEl(): HTMLElement | null;
|
|
86
95
|
/** @internal */
|
|
87
96
|
get _arrowDirection(): Directions;
|
|
88
97
|
/** @internal */
|
|
89
98
|
get _arrowClasses(): string;
|
|
90
99
|
/** @internal */
|
|
91
|
-
get _arrowHtml():
|
|
100
|
+
get _arrowHtml(): TemplateResult | typeof nothing;
|
|
92
101
|
/** @internal */
|
|
93
102
|
get _activeVariantClasses(): {
|
|
94
|
-
wrapper:
|
|
95
|
-
arrow:
|
|
103
|
+
wrapper: string;
|
|
104
|
+
arrow: string;
|
|
96
105
|
};
|
|
97
106
|
/** @internal */
|
|
98
|
-
get _attentionEl(): HTMLDivElement;
|
|
107
|
+
get _attentionEl(): HTMLDivElement | null;
|
|
99
108
|
/** @internal */
|
|
100
|
-
get _targetEl():
|
|
109
|
+
get _targetEl(): HTMLElement | null;
|
|
101
110
|
/** @internal */
|
|
102
|
-
get _messageEl():
|
|
111
|
+
get _messageEl(): HTMLElement | null;
|
|
103
112
|
/** @internal */
|
|
104
113
|
get _wrapperClasses(): string;
|
|
105
114
|
/** @internal */
|
|
106
115
|
get _ariaClose(): string;
|
|
107
116
|
/** @internal */
|
|
108
|
-
get _closeBtnHtml():
|
|
117
|
+
get _closeBtnHtml(): TemplateResult<1>;
|
|
109
118
|
updated(): void;
|
|
110
119
|
pointingAtDirection(): string;
|
|
111
120
|
activeAttentionType(): string;
|
|
@@ -113,6 +122,6 @@ declare class WarpAttention extends LitElement {
|
|
|
113
122
|
firstUpdated(): void;
|
|
114
123
|
close(): void;
|
|
115
124
|
keypressed(e: KeyboardEvent): void;
|
|
116
|
-
render():
|
|
125
|
+
render(): TemplateResult<1>;
|
|
117
126
|
}
|
|
118
127
|
export { WarpAttention };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function
|
|
1
|
+
var Zr=Object.create;var at=Object.defineProperty;var yt=Object.getOwnPropertyDescriptor;var Gr=Object.getOwnPropertyNames;var Jr=Object.getPrototypeOf,Kr=Object.prototype.hasOwnProperty;var kt=e=>{throw TypeError(e)};var _t=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var Wr=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Gr(t))!Kr.call(e,i)&&i!==r&&at(e,i,{get:()=>t[i],enumerable:!(o=yt(t,i))||o.enumerable});return e};var eo=(e,t,r)=>(r=e!=null?Zr(Jr(e)):{},Wr(t||!e||!e.__esModule?at(r,"default",{value:e,enumerable:!0}):r,e));var v=(e,t,r,o)=>{for(var i=o>1?void 0:o?yt(t,r):t,a=e.length-1,n;a>=0;a--)(n=e[a])&&(i=(o?n(t,r,i):n(i))||i);return o&&i&&at(t,r,i),i};var Et=(e,t,r)=>t.has(e)||kt("Cannot "+r);var Ct=(e,t,r)=>(Et(e,t,"read from private field"),r?r.call(e):t.get(e)),St=(e,t,r)=>t.has(e)?kt("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,r),Ot=(e,t,r,o)=>(Et(e,t,"write to private field"),o?o.call(e,r):t.set(e,r),r);var zt=_t(ce=>{"use strict";Object.defineProperty(ce,"__esModule",{value:!0});ce.errorMessages=ce.ErrorType=void 0;var fe;(function(e){e.MalformedUnicode="MALFORMED_UNICODE",e.MalformedHexadecimal="MALFORMED_HEXADECIMAL",e.CodePointLimit="CODE_POINT_LIMIT",e.OctalDeprecation="OCTAL_DEPRECATION",e.EndOfString="END_OF_STRING"})(fe=ce.ErrorType||(ce.ErrorType={}));ce.errorMessages=new Map([[fe.MalformedUnicode,"malformed Unicode character escape sequence"],[fe.MalformedHexadecimal,"malformed hexadecimal character escape sequence"],[fe.CodePointLimit,"Unicode codepoint must not be greater than 0x10FFFF in escape sequence"],[fe.OctalDeprecation,'"0"-prefixed octal literals and octal escape sequences are deprecated; for octal literals use the "0o" prefix instead'],[fe.EndOfString,"malformed escape sequence at end of string"]])});var Dt=_t(te=>{"use strict";Object.defineProperty(te,"__esModule",{value:!0});te.unraw=te.errorMessages=te.ErrorType=void 0;var j=zt();Object.defineProperty(te,"ErrorType",{enumerable:!0,get:function(){return j.ErrorType}});Object.defineProperty(te,"errorMessages",{enumerable:!0,get:function(){return j.errorMessages}});function to(e){return!e.match(/[^a-f0-9]/i)?parseInt(e,16):NaN}function De(e,t,r){let o=to(e);if(Number.isNaN(o)||r!==void 0&&r!==e.length)throw new SyntaxError(j.errorMessages.get(t));return o}function ro(e){let t=De(e,j.ErrorType.MalformedHexadecimal,2);return String.fromCharCode(t)}function Tt(e,t){let r=De(e,j.ErrorType.MalformedUnicode,4);if(t!==void 0){let o=De(t,j.ErrorType.MalformedUnicode,4);return String.fromCharCode(r,o)}return String.fromCharCode(r)}function oo(e){return e.charAt(0)==="{"&&e.charAt(e.length-1)==="}"}function io(e){if(!oo(e))throw new SyntaxError(j.errorMessages.get(j.ErrorType.MalformedUnicode));let t=e.slice(1,-1),r=De(t,j.ErrorType.MalformedUnicode);try{return String.fromCodePoint(r)}catch(o){throw o instanceof RangeError?new SyntaxError(j.errorMessages.get(j.ErrorType.CodePointLimit)):o}}function no(e,t=!1){if(t)throw new SyntaxError(j.errorMessages.get(j.ErrorType.OctalDeprecation));let r=parseInt(e,8);return String.fromCharCode(r)}var ao=new Map([["b","\b"],["f","\f"],["n",`
|
|
2
|
+
`],["r","\r"],["t"," "],["v","\v"],["0","\0"]]);function so(e){return ao.get(e)||e}var lo=/\\(?:(\\)|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 At(e,t=!1){return e.replace(lo,function(r,o,i,a,n,s,l,d,c){if(o!==void 0)return"\\";if(i!==void 0)return ro(i);if(a!==void 0)return io(a);if(n!==void 0)return Tt(n,s);if(l!==void 0)return Tt(l);if(d==="0")return"\0";if(d!==void 0)return no(d,!t);if(c!==void 0)return so(c);throw new SyntaxError(j.errorMessages.get(j.ErrorType.EndOfString))})}te.unraw=At;te.default=At});var Ae=function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return e.reduce(function(r,o){return r.concat(typeof o=="string"?o:Array.isArray(o)?Ae.apply(void 0,o):typeof o=="object"&&o?Object.keys(o).map(function(i){return o[i]?i:""}):"")},[]).join(" ")};var Rt=eo(Dt(),1);var ne=e=>typeof e=="string",co=e=>typeof e=="function",Lt=new Map,Pt="en";function dt(e){return[...Array.isArray(e)?e:[e],Pt]}function ut(e,t,r){let o=dt(e);r||(r="default");let i;if(typeof r=="string")switch(i={day:"numeric",month:"short",year:"numeric"},r){case"full":i.weekday="long";case"long":i.month="long";break;case"short":i.month="numeric";break}else i=r;return Le(()=>Me("date",o,r),()=>new Intl.DateTimeFormat(o,i)).format(ne(t)?new Date(t):t)}function uo(e,t,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return ut(e,t,o)}function st(e,t,r){let o=dt(e);return Le(()=>Me("number",o,r),()=>new Intl.NumberFormat(o,r)).format(t)}function Mt(e,t,r,{offset:o=0,...i}){var s,l;let a=dt(e),n=t?Le(()=>Me("plural-ordinal",a),()=>new Intl.PluralRules(a,{type:"ordinal"})):Le(()=>Me("plural-cardinal",a),()=>new Intl.PluralRules(a,{type:"cardinal"}));return(l=(s=i[r])!=null?s:i[n.select(r-o)])!=null?l:i.other}function Le(e,t){let r=e(),o=Lt.get(r);return o||(o=t(),Lt.set(r,o)),o}function Me(e,t,r){let o=t.join("-");return`${e}-${o}-${JSON.stringify(r)}`}var Ft=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,$t="%__lingui_octothorpe__%",go=(e,t,r={})=>{let o=t||e,i=n=>typeof n=="object"?n:r[n],a=(n,s)=>{let l=Object.keys(r).length?i("number"):void 0,d=st(o,n,l);return s.replace(new RegExp($t,"g"),d)};return{plural:(n,s)=>{let{offset:l=0}=s,d=Mt(o,!1,n,s);return a(n-l,d)},selectordinal:(n,s)=>{let{offset:l=0}=s,d=Mt(o,!0,n,s);return a(n-l,d)},select:po,number:(n,s)=>st(o,n,i(s)||{style:s}),date:(n,s)=>ut(o,n,i(s)||s),time:(n,s)=>uo(o,n,i(s)||s)}},po=(e,t)=>{var r;return(r=t[e])!=null?r:t.other};function mo(e,t,r){return(o={},i)=>{let a=go(t,r,i),n=(l,d=!1)=>Array.isArray(l)?l.reduce((c,g)=>{if(g==="#"&&d)return c+$t;if(ne(g))return c+g;let[m,u,p]=g,b={};u==="plural"||u==="selectordinal"||u==="select"?Object.entries(p).forEach(([x,y])=>{b[x]=n(y,u==="plural"||u==="selectordinal")}):b=p;let h;if(u){let x=a[u];h=x(o[m],b)}else h=o[m];return h==null?c:c+h},""):l,s=n(e);return ne(s)&&Ft.test(s)?(0,Rt.unraw)(s):ne(s)?s:s?String(s):""}}var ho=Object.defineProperty,fo=(e,t,r)=>t in e?ho(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,bo=(e,t,r)=>(fo(e,typeof t!="symbol"?t+"":t,r),r),lt=class{constructor(){bo(this,"_events",{})}on(t,r){var i;var o;return(i=(o=this._events)[t])!=null||(o[t]=[]),this._events[t].push(r),()=>this.removeListener(t,r)}removeListener(t,r){let o=this._getListeners(t);if(!o)return;let i=o.indexOf(r);~i&&o.splice(i,1)}emit(t,...r){let o=this._getListeners(t);o&&o.map(i=>i.apply(this,r))}_getListeners(t){let r=this._events[t];return Array.isArray(r)?r:!1}},vo=Object.defineProperty,wo=(e,t,r)=>t in e?vo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,de=(e,t,r)=>(wo(e,typeof t!="symbol"?t+"":t,r),r),ct=class extends lt{constructor(t){var r;super(),de(this,"_locale",""),de(this,"_locales"),de(this,"_localeData",{}),de(this,"_messages",{}),de(this,"_missing"),de(this,"_messageCompiler"),de(this,"t",this._.bind(this)),t.missing!=null&&(this._missing=t.missing),t.messages!=null&&this.load(t.messages),t.localeData!=null&&this.loadLocaleData(t.localeData),(typeof t.locale=="string"||t.locales)&&this.activate((r=t.locale)!=null?r:Pt,t.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var t;return(t=this._messages[this._locale])!=null?t:{}}get localeData(){var t;return(t=this._localeData[this._locale])!=null?t:{}}_loadLocaleData(t,r){let o=this._localeData[t];o?Object.assign(o,r):this._localeData[t]=r}setMessagesCompiler(t){return this._messageCompiler=t,this}loadLocaleData(t,r){typeof t=="string"?this._loadLocaleData(t,r):Object.keys(t).forEach(o=>this._loadLocaleData(o,t[o])),this.emit("change")}_load(t,r){let o=this._messages[t];o?Object.assign(o,r):this._messages[t]=r}load(t,r){typeof t=="string"&&typeof r=="object"?this._load(t,r):Object.entries(t).forEach(([o,i])=>this._load(o,i)),this.emit("change")}loadAndActivate({locale:t,locales:r,messages:o}){this._locale=t,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(t,r){this._locale=t,this._locales=r,this.emit("change")}_(t,r,o){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 i=o==null?void 0:o.message;t||(t=""),ne(t)||(r=t.values||r,i=t.message,t=t.id);let a=this.messages[t],n=a===void 0,s=this._missing;if(s&&n)return co(s)?s(this._locale,t):s;n&&this.emit("missing",{id:t,locale:this._locale});let l=a||i||t;return ne(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
|
|
3
3
|
|
|
4
4
|
> ${l}
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ That means you use raw catalog or your catalog doesn't have a translation for th
|
|
|
7
7
|
ICU features such as interpolation and plurals will not work properly for that message.
|
|
8
8
|
|
|
9
9
|
Please compile your catalog first.
|
|
10
|
-
`)),ie(l)&&Ft.test(l)?JSON.parse(`"${l}"`):ie(l)?l:ho(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return ut(this._locales||this._locale,t,r)}number(t,r){return st(this._locales||this._locale,t,r)}};function yo(e={}){return new ct(e)}var z=yo();var Vt=["top","right","bottom","left"];var te=Math.min,I=Math.max,ke=Math.round;var G=e=>({x:e,y:e}),ko={left:"right",right:"left",bottom:"top",top:"bottom"},_o={start:"end",end:"start"};function Pe(e,t,r){return I(e,te(t,r))}function ne(e,t){return typeof e=="function"?e(t):e}function re(e){return e.split("-")[0]}function de(e){return e.split("-")[1]}function gt(e){return e==="x"?"y":"x"}function Fe(e){return e==="y"?"height":"width"}var Eo=new Set(["top","bottom"]);function K(e){return Eo.has(re(e))?"y":"x"}function $e(e){return gt(K(e))}function It(e,t,r){r===void 0&&(r=!1);let o=de(e),i=$e(e),a=Fe(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=ye(n)),[n,ye(n)]}function Bt(e){let t=ye(e);return[Re(e),t,Re(t)]}function Re(e){return e.replace(/start|end/g,t=>_o[t])}var jt=["left","right"],Nt=["right","left"],Co=["top","bottom"],So=["bottom","top"];function Oo(e,t,r){switch(e){case"top":case"bottom":return r?t?Nt:jt:t?jt:Nt;case"left":case"right":return t?Co:So;default:return[]}}function Ht(e,t,r,o){let i=de(e),a=Oo(re(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Re)))),a}function ye(e){return e.replace(/left|right|bottom|top/g,t=>ko[t])}function zo(e){return{top:0,right:0,bottom:0,left:0,...e}}function pt(e){return typeof e!="number"?zo(e):{top:e,right:e,bottom:e,left:e}}function ue(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Yt(e,t,r){let{reference:o,floating:i}=e,a=K(t),n=$e(t),s=Fe(n),l=re(t),d=a==="y",c=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,m=o[s]/2-i[s]/2,u;switch(l){case"top":u={x:c,y:o.y-i.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:g};break;case"left":u={x:o.x-i.width,y:g};break;default:u={x:o.x,y:o.y}}switch(de(t)){case"start":u[n]-=m*(r&&d?-1:1);break;case"end":u[n]+=m*(r&&d?-1:1);break}return u}var Xt=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=a.filter(Boolean),l=await(n.isRTL==null?void 0:n.isRTL(t)),d=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:g}=Yt(d,o,l),m=o,u={},p=0;for(let b=0;b<s.length;b++){let{name:h,fn:x}=s[b],{x:y,y:k,data:R,reset:S}=await x({x:c,y:g,initialPlacement:o,placement:m,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=y!=null?y:c,g=k!=null?k:g,u={...u,[h]:{...u[h],...R}},S&&p<=50&&(p++,typeof S=="object"&&(S.placement&&(m=S.placement),S.rects&&(d=S.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):S.rects),{x:c,y:g}=Yt(d,m,l)),b=-1)}return{x:c,y:g,placement:m,strategy:i,middlewareData:u}};async function fe(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:m=!1,padding:u=0}=ne(t,e),p=pt(u),h=s[m?g==="floating"?"reference":"floating":g],x=ue(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(h)))==null||r?h:h.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),y=g==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),R=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},S=ue(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-S.top+p.top)/R.y,bottom:(S.bottom-x.bottom+p.bottom)/R.y,left:(x.left-S.left+p.left)/R.x,right:(S.right-x.right+p.right)/R.x}}var Qt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=ne(e,t)||{};if(d==null)return{};let g=pt(c),m={x:r,y:o},u=$e(i),p=Fe(u),b=await n.getDimensions(d),h=u==="y",x=h?"top":"left",y=h?"bottom":"right",k=h?"clientHeight":"clientWidth",R=a.reference[p]+a.reference[u]-m[u]-a.floating[p],S=m[u]-a.reference[u],f=await(n.getOffsetParent==null?void 0:n.getOffsetParent(d)),w=f?f[k]:0;(!w||!await(n.isElement==null?void 0:n.isElement(f)))&&(w=s.floating[k]||a.floating[p]);let _=R/2-S/2,C=w/2-b[p]/2-1,O=te(g[x],C),N=te(g[y],C),F=O,V=w-b[p]-N,D=w/2-b[p]/2+_,A=Pe(F,D,V),H=!l.arrow&&de(i)!=null&&D!==A&&a.reference[p]/2-(D<F?O:N)-b[p]/2<0,L=H?D<F?D-F:D-V:0;return{[u]:m[u]+L,data:{[u]:A,centerOffset:D-A-L,...H&&{alignmentOffset:L}},reset:H}}});var Zt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:m,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:b=!0,...h}=ne(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=re(i),y=K(s),k=re(s)===s,R=await(l.isRTL==null?void 0:l.isRTL(d.floating)),S=m||(k||!b?[ye(s)]:Bt(s)),f=p!=="none";!m&&f&&S.push(...Ht(s,b,p,R));let w=[s,...S],_=await fe(t,h),C=[],O=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),g){let D=It(i,n,R);C.push(_[D[0]],_[D[1]])}if(O=[...O,{placement:i,overflows:C}],!C.every(D=>D<=0)){var N,F;let D=(((N=a.flip)==null?void 0:N.index)||0)+1,A=w[D];if(A&&(!(g==="alignment"?y!==K(A):!1)||O.every(U=>K(U.placement)===y?U.overflows[0]>0:!0)))return{data:{index:D,overflows:O},reset:{placement:A}};let H=(F=O.filter(L=>L.overflows[0]<=0).sort((L,U)=>L.overflows[1]-U.overflows[1])[0])==null?void 0:F.placement;if(!H)switch(u){case"bestFit":{var V;let L=(V=O.filter(U=>{if(f){let X=K(U.placement);return X===y||X==="y"}return!0}).map(U=>[U.placement,U.overflows.filter(X=>X>0).reduce((X,Zr)=>X+Zr,0)]).sort((U,X)=>U[1]-X[1])[0])==null?void 0:V[0];L&&(H=L);break}case"initialPlacement":H=s;break}if(i!==H)return{reset:{placement:H}}}return{}}}};function qt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ut(e){return Vt.some(t=>e[t]>=0)}var Gt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...i}=ne(e,t);switch(o){case"referenceHidden":{let a=await fe(t,{...i,elementContext:"reference"}),n=qt(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Ut(n)}}}case"escaped":{let a=await fe(t,{...i,altBoundary:!0}),n=qt(a,r.floating);return{data:{escapedOffsets:n,escaped:Ut(n)}}}default:return{}}}}};var Ao=new Set(["left","top"]);async function To(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=re(r),s=de(r),l=K(r)==="y",d=Ao.has(n)?-1:1,c=a&&l?-1:1,g=ne(t,e),{mainAxis:m,crossAxis:u,alignmentAxis:p}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof p=="number"&&(u=s==="end"?p*-1:p),l?{x:u*c,y:m*d}:{x:m*d,y:u*c}}var Jt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await To(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},Kt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:s={fn:h=>{let{x,y}=h;return{x,y}}},...l}=ne(e,t),d={x:r,y:o},c=await fe(t,l),g=K(re(i)),m=gt(g),u=d[m],p=d[g];if(a){let h=m==="y"?"top":"left",x=m==="y"?"bottom":"right",y=u+c[h],k=u-c[x];u=Pe(y,u,k)}if(n){let h=g==="y"?"top":"left",x=g==="y"?"bottom":"right",y=p+c[h],k=p-c[x];p=Pe(y,p,k)}let b=s.fn({...t,[m]:u,[g]:p});return{...b,data:{x:b.x-r,y:b.y-o,enabled:{[m]:a,[g]:n}}}}}};var Wt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...d}=ne(e,t),c=await fe(t,d),g=re(i),m=de(i),u=K(i)==="y",{width:p,height:b}=a.floating,h,x;g==="top"||g==="bottom"?(h=g,x=m===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,h=m==="end"?"top":"bottom");let y=b-c.top-c.bottom,k=p-c.left-c.right,R=te(b-c[h],y),S=te(p-c[x],k),f=!t.middlewareData.shift,w=R,_=S;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),f&&!m){let O=I(c.left,0),N=I(c.right,0),F=I(c.top,0),V=I(c.bottom,0);u?_=p-2*(O!==0||N!==0?O+N:I(c.left,c.right)):w=b-2*(F!==0||V!==0?F+V:I(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await n.getDimensions(s.floating);return p!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}};function Ne(){return typeof window!="undefined"}function ge(e){return tr(e)?(e.nodeName||"").toLowerCase():"#document"}function B(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function W(e){var t;return(t=(tr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function tr(e){return Ne()?e instanceof Node||e instanceof B(e).Node:!1}function Q(e){return Ne()?e instanceof Element||e instanceof B(e).Element:!1}function J(e){return Ne()?e instanceof HTMLElement||e instanceof B(e).HTMLElement:!1}function er(e){return!Ne()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof B(e).ShadowRoot}var Mo=new Set(["inline","contents"]);function be(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=Z(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!Mo.has(i)}var Do=new Set(["table","td","th"]);function rr(e){return Do.has(ge(e))}var Lo=[":popover-open",":modal"];function _e(e){return Lo.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Ro=["transform","translate","scale","rotate","perspective"],Po=["transform","translate","scale","rotate","perspective","filter"],Fo=["paint","layout","strict","content"];function Ve(e){let t=Ie(),r=Q(e)?Z(e):e;return Ro.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||Po.some(o=>(r.willChange||"").includes(o))||Fo.some(o=>(r.contain||"").includes(o))}function or(e){let t=oe(e);for(;J(t)&&!pe(t);){if(Ve(t))return t;if(_e(t))return null;t=oe(t)}return null}function Ie(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var $o=new Set(["html","body","#document"]);function pe(e){return $o.has(ge(e))}function Z(e){return B(e).getComputedStyle(e)}function Ee(e){return Q(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function oe(e){if(ge(e)==="html")return e;let t=e.assignedSlot||e.parentNode||er(e)&&e.host||W(e);return er(t)?t.host:t}function ir(e){let t=oe(e);return pe(t)?e.ownerDocument?e.ownerDocument.body:e.body:J(t)&&be(t)?t:ir(t)}function je(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=ir(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=B(i);if(a){let s=Be(n);return t.concat(n,n.visualViewport||[],be(i)?i:[],s&&r?je(s):[])}return t.concat(i,je(i,[],r))}function Be(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function lr(e){let t=Z(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=J(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=ke(r)!==a||ke(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function cr(e){return Q(e)?e:e.contextElement}function ve(e){let t=cr(e);if(!J(t))return G(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=lr(t),n=(a?ke(r.width):r.width)/o,s=(a?ke(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var jo=G(0);function dr(e){let t=B(e);return!Ie()||!t.visualViewport?jo:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function No(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==B(e)?!1:t}function Ce(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=cr(e),n=G(1);t&&(o?Q(o)&&(n=ve(o)):n=ve(e));let s=No(a,r,o)?dr(a):G(0),l=(i.left+s.x)/n.x,d=(i.top+s.y)/n.y,c=i.width/n.x,g=i.height/n.y;if(a){let m=B(a),u=o&&Q(o)?B(o):o,p=m,b=Be(p);for(;b&&o&&u!==p;){let h=ve(b),x=b.getBoundingClientRect(),y=Z(b),k=x.left+(b.clientLeft+parseFloat(y.paddingLeft))*h.x,R=x.top+(b.clientTop+parseFloat(y.paddingTop))*h.y;l*=h.x,d*=h.y,c*=h.x,g*=h.y,l+=k,d+=R,p=B(b),b=Be(p)}}return ue({width:c,height:g,x:l,y:d})}function He(e,t){let r=Ee(e).scrollLeft;return t?t.left+r:Ce(W(e)).left+r}function ur(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-He(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function Vo(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=W(o),s=t?_e(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=G(1),c=G(0),g=J(o);if((g||!g&&!a)&&((ge(o)!=="body"||be(n))&&(l=Ee(o)),J(o))){let u=Ce(o);d=ve(o),c.x=u.x+o.clientLeft,c.y=u.y+o.clientTop}let m=n&&!g&&!a?ur(n,l):G(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+m.x,y:r.y*d.y-l.scrollTop*d.y+c.y+m.y}}function Io(e){return Array.from(e.getClientRects())}function Bo(e){let t=W(e),r=Ee(e),o=e.ownerDocument.body,i=I(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=I(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+He(e),s=-r.scrollTop;return Z(o).direction==="rtl"&&(n+=I(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var nr=25;function Ho(e,t){let r=B(e),o=W(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Ie();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let d=He(o);if(d<=0){let c=o.ownerDocument,g=c.body,m=getComputedStyle(g),u=c.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-g.clientWidth-u);p<=nr&&(a-=p)}else d<=nr&&(a+=d);return{width:a,height:n,x:s,y:l}}var Yo=new Set(["absolute","fixed"]);function qo(e,t){let r=Ce(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=J(e)?ve(e):G(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,d=o*a.y;return{width:n,height:s,x:l,y:d}}function ar(e,t,r){let o;if(t==="viewport")o=Ho(e,r);else if(t==="document")o=Bo(W(e));else if(Q(t))o=qo(t,r);else{let i=dr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ue(o)}function gr(e,t){let r=oe(e);return r===t||!Q(r)||pe(r)?!1:Z(r).position==="fixed"||gr(r,t)}function Uo(e,t){let r=t.get(e);if(r)return r;let o=je(e,[],!1).filter(s=>Q(s)&&ge(s)!=="body"),i=null,a=Z(e).position==="fixed",n=a?oe(e):e;for(;Q(n)&&!pe(n);){let s=Z(n),l=Ve(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&Yo.has(i.position)||be(n)&&!l&&gr(e,n))?o=o.filter(c=>c!==n):i=s,n=oe(n)}return t.set(e,o),o}function Xo(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?_e(t)?[]:Uo(t,this._c):[].concat(r),o],s=n[0],l=n.reduce((d,c)=>{let g=ar(t,c,i);return d.top=I(g.top,d.top),d.right=te(g.right,d.right),d.bottom=te(g.bottom,d.bottom),d.left=I(g.left,d.left),d},ar(t,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Qo(e){let{width:t,height:r}=lr(e);return{width:t,height:r}}function Zo(e,t,r){let o=J(t),i=W(t),a=r==="fixed",n=Ce(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=G(0);function d(){l.x=He(i)}if(o||!o&&!a)if((ge(t)!=="body"||be(i))&&(s=Ee(t)),o){let u=Ce(t,!0,a,t);l.x=u.x+t.clientLeft,l.y=u.y+t.clientTop}else i&&d();a&&!o&&i&&d();let c=i&&!o&&!a?ur(i,s):G(0),g=n.left+s.scrollLeft-l.x-c.x,m=n.top+s.scrollTop-l.y-c.y;return{x:g,y:m,width:n.width,height:n.height}}function mt(e){return Z(e).position==="static"}function sr(e,t){if(!J(e)||Z(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return W(e)===r&&(r=r.ownerDocument.body),r}function pr(e,t){let r=B(e);if(_e(e))return r;if(!J(e)){let i=oe(e);for(;i&&!pe(i);){if(Q(i)&&!mt(i))return i;i=oe(i)}return r}let o=sr(e,t);for(;o&&rr(o)&&mt(o);)o=sr(o,t);return o&&pe(o)&&mt(o)&&!Ve(o)?r:o||or(e)||r}var Go=async function(e){let t=this.getOffsetParent||pr,r=this.getDimensions,o=await r(e.floating);return{reference:Zo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Jo(e){return Z(e).direction==="rtl"}var Ko={convertOffsetParentRelativeRectToViewportRelativeRect:Vo,getDocumentElement:W,getClippingRect:Xo,getOffsetParent:pr,getElementRects:Go,getClientRects:Io,getDimensions:Qo,getScale:ve,isElement:Q,isRTL:Jo};var mr=Jt;var hr=Kt,fr=Zt,br=Wt,vr=Gt,wr=Qt;var xr=(e,t,r)=>{let o=new Map,i={platform:Ko,...r},a={...i.platform,_c:o};return Xt(e,t,{...i,platform:a})};var qe="top-start",Ue="top",Xe="top-end",Qe="right-start",Ze="right",Ge="right-end",Je="bottom-start",Se="bottom",Ke="bottom-end",We="left-start",et="left",tt="left-end",ht=[qe,Ue,Xe,Qe,Ze,Ge,Je,Se,Ke,We,et,tt],me={[qe]:Je,[Ue]:Se,[Xe]:Ke,[Je]:qe,[Se]:Ue,[Ke]:Xe,[We]:Qe,[et]:Ze,[tt]:Ge,[Qe]:We,[Ze]:et,[Ge]:tt},Wo={[We]:-45,[et]:-45,[tt]:-45,[qe]:45,[Ue]:45,[Xe]:45,[Qe]:135,[Ze]:135,[Ge]:135,[Je]:-135,[Se]:-135,[Ke]:-135},ft=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},ei=e=>e.split("-")[0],ti=e=>me[ei(e)],kr=e=>me[e],ri=e=>Wo[kr(e)],oi=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${ft(ti(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},yr=8,Ye=24;async function bt(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return xr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Se,middleware:[mr({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&fr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&hr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&wr({element:e==null?void 0:e.arrowEl}),vr(),br({apply(){Object.assign(r.style,{paddingRight:`${yr}px`,paddingLeft:`${yr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:d})=>{if(e.actualDirection=d,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:m}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",p=kr(d).split("-")[1],b="",h="",x="",y="";if(p==="start"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";b=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"",h=u?k:"",y=u?"":k}else if(p==="end"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";h=u?"":k,y=u?k:"",x=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:""}else y=typeof g=="number"?`${g}px`:"",b=typeof m=="number"?`${m}px`:"";Object.assign(c.style,{top:b,right:h,bottom:x,left:y}),oi(c,ri(d),d)}}),e}import{css as Ei,html as xe,LitElement as Ci,nothing as Qr}from"lit";import{property as q}from"lit/decorators.js";import{ifDefined as Si}from"lit/directives/if-defined.js";var ii=["en","nb","fi","da","sv"],vt="en",rt=e=>ii.find(t=>e===t||e.toLowerCase().includes(t))||vt;function ot(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return rt(e)}try{let e=Er(document);if(e)return rt(e);let t=li();if(t)return rt(t);let r=Er(Sr());return r?rt(r):vt}catch(e){return console.warn("could not detect locale, falling back to source locale",e),vt}}var it=(e,t,r,o,i)=>{z.load("en",e),z.load("nb",t),z.load("fi",r),z.load("da",o),z.load("sv",i);let a=ot();z.activate(a),Cr(),ai()},ni="warp-i18n-change";function Cr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ni))}var _r=!1;function ai(){if(_r||typeof window=="undefined"||!(document!=null&&document.documentElement))return;_r=!0;let e=()=>{let i=ot();z.locale!==i&&(z.activate(i),Cr())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Sr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=si();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Sr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function Er(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function si(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function li(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as Or}from"lit";var we=Or`
|
|
10
|
+
`)),ne(l)&&Ft.test(l)?JSON.parse(`"${l}"`):ne(l)?l:mo(l,this._locale,this._locales)(r,o==null?void 0:o.formats)}date(t,r){return ut(this._locales||this._locale,t,r)}number(t,r){return st(this._locales||this._locale,t,r)}};function xo(e={}){return new ct(e)}var T=xo();var Vt=["top","right","bottom","left"];var re=Math.min,H=Math.max,_e=Math.round;var J=e=>({x:e,y:e}),yo={left:"right",right:"left",bottom:"top",top:"bottom"},ko={start:"end",end:"start"};function Pe(e,t,r){return H(e,re(t,r))}function ae(e,t){return typeof e=="function"?e(t):e}function oe(e){return e.split("-")[0]}function ue(e){return e.split("-")[1]}function gt(e){return e==="x"?"y":"x"}function Fe(e){return e==="y"?"height":"width"}var _o=new Set(["top","bottom"]);function W(e){return _o.has(oe(e))?"y":"x"}function $e(e){return gt(W(e))}function Bt(e,t,r){r===void 0&&(r=!1);let o=ue(e),i=$e(e),a=Fe(i),n=i==="x"?o===(r?"end":"start")?"right":"left":o==="start"?"bottom":"top";return t.reference[a]>t.floating[a]&&(n=ke(n)),[n,ke(n)]}function Ht(e){let t=ke(e);return[Re(e),t,Re(t)]}function Re(e){return e.replace(/start|end/g,t=>ko[t])}var jt=["left","right"],Nt=["right","left"],Eo=["top","bottom"],Co=["bottom","top"];function So(e,t,r){switch(e){case"top":case"bottom":return r?t?Nt:jt:t?jt:Nt;case"left":case"right":return t?Eo:Co;default:return[]}}function It(e,t,r,o){let i=ue(e),a=So(oe(e),r==="start",o);return i&&(a=a.map(n=>n+"-"+i),t&&(a=a.concat(a.map(Re)))),a}function ke(e){return e.replace(/left|right|bottom|top/g,t=>yo[t])}function Oo(e){return{top:0,right:0,bottom:0,left:0,...e}}function pt(e){return typeof e!="number"?Oo(e):{top:e,right:e,bottom:e,left:e}}function ge(e){let{x:t,y:r,width:o,height:i}=e;return{width:o,height:i,top:r,left:t,right:t+o,bottom:r+i,x:t,y:r}}function Yt(e,t,r){let{reference:o,floating:i}=e,a=W(t),n=$e(t),s=Fe(n),l=oe(t),d=a==="y",c=o.x+o.width/2-i.width/2,g=o.y+o.height/2-i.height/2,m=o[s]/2-i[s]/2,u;switch(l){case"top":u={x:c,y:o.y-i.height};break;case"bottom":u={x:c,y:o.y+o.height};break;case"right":u={x:o.x+o.width,y:g};break;case"left":u={x:o.x-i.width,y:g};break;default:u={x:o.x,y:o.y}}switch(ue(t)){case"start":u[n]-=m*(r&&d?-1:1);break;case"end":u[n]+=m*(r&&d?-1:1);break}return u}var Xt=async(e,t,r)=>{let{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:n}=r,s=a.filter(Boolean),l=await(n.isRTL==null?void 0:n.isRTL(t)),d=await n.getElementRects({reference:e,floating:t,strategy:i}),{x:c,y:g}=Yt(d,o,l),m=o,u={},p=0;for(let b=0;b<s.length;b++){let{name:h,fn:x}=s[b],{x:y,y:k,data:P,reset:S}=await x({x:c,y:g,initialPlacement:o,placement:m,strategy:i,middlewareData:u,rects:d,platform:n,elements:{reference:e,floating:t}});c=y!=null?y:c,g=k!=null?k:g,u={...u,[h]:{...u[h],...P}},S&&p<=50&&(p++,typeof S=="object"&&(S.placement&&(m=S.placement),S.rects&&(d=S.rects===!0?await n.getElementRects({reference:e,floating:t,strategy:i}):S.rects),{x:c,y:g}=Yt(d,m,l)),b=-1)}return{x:c,y:g,placement:m,strategy:i,middlewareData:u}};async function be(e,t){var r;t===void 0&&(t={});let{x:o,y:i,platform:a,rects:n,elements:s,strategy:l}=e,{boundary:d="clippingAncestors",rootBoundary:c="viewport",elementContext:g="floating",altBoundary:m=!1,padding:u=0}=ae(t,e),p=pt(u),h=s[m?g==="floating"?"reference":"floating":g],x=ge(await a.getClippingRect({element:(r=await(a.isElement==null?void 0:a.isElement(h)))==null||r?h:h.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(s.floating)),boundary:d,rootBoundary:c,strategy:l})),y=g==="floating"?{x:o,y:i,width:n.floating.width,height:n.floating.height}:n.reference,k=await(a.getOffsetParent==null?void 0:a.getOffsetParent(s.floating)),P=await(a.isElement==null?void 0:a.isElement(k))?await(a.getScale==null?void 0:a.getScale(k))||{x:1,y:1}:{x:1,y:1},S=ge(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:y,offsetParent:k,strategy:l}):y);return{top:(x.top-S.top+p.top)/P.y,bottom:(S.bottom-x.bottom+p.bottom)/P.y,left:(x.left-S.left+p.left)/P.x,right:(S.right-x.right+p.right)/P.x}}var Qt=e=>({name:"arrow",options:e,async fn(t){let{x:r,y:o,placement:i,rects:a,platform:n,elements:s,middlewareData:l}=t,{element:d,padding:c=0}=ae(e,t)||{};if(d==null)return{};let g=pt(c),m={x:r,y:o},u=$e(i),p=Fe(u),b=await n.getDimensions(d),h=u==="y",x=h?"top":"left",y=h?"bottom":"right",k=h?"clientHeight":"clientWidth",P=a.reference[p]+a.reference[u]-m[u]-a.floating[p],S=m[u]-a.reference[u],f=await(n.getOffsetParent==null?void 0:n.getOffsetParent(d)),w=f?f[k]:0;(!w||!await(n.isElement==null?void 0:n.isElement(f)))&&(w=s.floating[k]||a.floating[p]);let _=P/2-S/2,C=w/2-b[p]/2-1,O=re(g[x],C),V=re(g[y],C),$=O,B=w-b[p]-V,M=w/2-b[p]/2+_,A=Pe($,M,B),Y=!l.arrow&&ue(i)!=null&&M!==A&&a.reference[p]/2-(M<$?O:V)-b[p]/2<0,R=Y?M<$?M-$:M-B:0;return{[u]:m[u]+R,data:{[u]:A,centerOffset:M-A-R,...Y&&{alignmentOffset:R}},reset:Y}}});var Zt=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(t){var r,o;let{placement:i,middlewareData:a,rects:n,initialPlacement:s,platform:l,elements:d}=t,{mainAxis:c=!0,crossAxis:g=!0,fallbackPlacements:m,fallbackStrategy:u="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:b=!0,...h}=ae(e,t);if((r=a.arrow)!=null&&r.alignmentOffset)return{};let x=oe(i),y=W(s),k=oe(s)===s,P=await(l.isRTL==null?void 0:l.isRTL(d.floating)),S=m||(k||!b?[ke(s)]:Ht(s)),f=p!=="none";!m&&f&&S.push(...It(s,b,p,P));let w=[s,...S],_=await be(t,h),C=[],O=((o=a.flip)==null?void 0:o.overflows)||[];if(c&&C.push(_[x]),g){let M=Bt(i,n,P);C.push(_[M[0]],_[M[1]])}if(O=[...O,{placement:i,overflows:C}],!C.every(M=>M<=0)){var V,$;let M=(((V=a.flip)==null?void 0:V.index)||0)+1,A=w[M];if(A&&(!(g==="alignment"?y!==W(A):!1)||O.every(X=>W(X.placement)===y?X.overflows[0]>0:!0)))return{data:{index:M,overflows:O},reset:{placement:A}};let Y=($=O.filter(R=>R.overflows[0]<=0).sort((R,X)=>R.overflows[1]-X.overflows[1])[0])==null?void 0:$.placement;if(!Y)switch(u){case"bestFit":{var B;let R=(B=O.filter(X=>{if(f){let Q=W(X.placement);return Q===y||Q==="y"}return!0}).map(X=>[X.placement,X.overflows.filter(Q=>Q>0).reduce((Q,Qr)=>Q+Qr,0)]).sort((X,Q)=>X[1]-Q[1])[0])==null?void 0:B[0];R&&(Y=R);break}case"initialPlacement":Y=s;break}if(i!==Y)return{reset:{placement:Y}}}return{}}}};function qt(e,t){return{top:e.top-t.height,right:e.right-t.width,bottom:e.bottom-t.height,left:e.left-t.width}}function Ut(e){return Vt.some(t=>e[t]>=0)}var Gt=function(e){return e===void 0&&(e={}),{name:"hide",options:e,async fn(t){let{rects:r}=t,{strategy:o="referenceHidden",...i}=ae(e,t);switch(o){case"referenceHidden":{let a=await be(t,{...i,elementContext:"reference"}),n=qt(a,r.reference);return{data:{referenceHiddenOffsets:n,referenceHidden:Ut(n)}}}case"escaped":{let a=await be(t,{...i,altBoundary:!0}),n=qt(a,r.floating);return{data:{escapedOffsets:n,escaped:Ut(n)}}}default:return{}}}}};var zo=new Set(["left","top"]);async function To(e,t){let{placement:r,platform:o,elements:i}=e,a=await(o.isRTL==null?void 0:o.isRTL(i.floating)),n=oe(r),s=ue(r),l=W(r)==="y",d=zo.has(n)?-1:1,c=a&&l?-1:1,g=ae(t,e),{mainAxis:m,crossAxis:u,alignmentAxis:p}=typeof g=="number"?{mainAxis:g,crossAxis:0,alignmentAxis:null}:{mainAxis:g.mainAxis||0,crossAxis:g.crossAxis||0,alignmentAxis:g.alignmentAxis};return s&&typeof p=="number"&&(u=s==="end"?p*-1:p),l?{x:u*c,y:m*d}:{x:m*d,y:u*c}}var Jt=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(t){var r,o;let{x:i,y:a,placement:n,middlewareData:s}=t,l=await To(t,e);return n===((r=s.offset)==null?void 0:r.placement)&&(o=s.arrow)!=null&&o.alignmentOffset?{}:{x:i+l.x,y:a+l.y,data:{...l,placement:n}}}}},Kt=function(e){return e===void 0&&(e={}),{name:"shift",options:e,async fn(t){let{x:r,y:o,placement:i}=t,{mainAxis:a=!0,crossAxis:n=!1,limiter:s={fn:h=>{let{x,y}=h;return{x,y}}},...l}=ae(e,t),d={x:r,y:o},c=await be(t,l),g=W(oe(i)),m=gt(g),u=d[m],p=d[g];if(a){let h=m==="y"?"top":"left",x=m==="y"?"bottom":"right",y=u+c[h],k=u-c[x];u=Pe(y,u,k)}if(n){let h=g==="y"?"top":"left",x=g==="y"?"bottom":"right",y=p+c[h],k=p-c[x];p=Pe(y,p,k)}let b=s.fn({...t,[m]:u,[g]:p});return{...b,data:{x:b.x-r,y:b.y-o,enabled:{[m]:a,[g]:n}}}}}};var Wt=function(e){return e===void 0&&(e={}),{name:"size",options:e,async fn(t){var r,o;let{placement:i,rects:a,platform:n,elements:s}=t,{apply:l=()=>{},...d}=ae(e,t),c=await be(t,d),g=oe(i),m=ue(i),u=W(i)==="y",{width:p,height:b}=a.floating,h,x;g==="top"||g==="bottom"?(h=g,x=m===(await(n.isRTL==null?void 0:n.isRTL(s.floating))?"start":"end")?"left":"right"):(x=g,h=m==="end"?"top":"bottom");let y=b-c.top-c.bottom,k=p-c.left-c.right,P=re(b-c[h],y),S=re(p-c[x],k),f=!t.middlewareData.shift,w=P,_=S;if((r=t.middlewareData.shift)!=null&&r.enabled.x&&(_=k),(o=t.middlewareData.shift)!=null&&o.enabled.y&&(w=y),f&&!m){let O=H(c.left,0),V=H(c.right,0),$=H(c.top,0),B=H(c.bottom,0);u?_=p-2*(O!==0||V!==0?O+V:H(c.left,c.right)):w=b-2*($!==0||B!==0?$+B:H(c.top,c.bottom))}await l({...t,availableWidth:_,availableHeight:w});let C=await n.getDimensions(s.floating);return p!==C.width||b!==C.height?{reset:{rects:!0}}:{}}}};function Ne(){return typeof window!="undefined"}function pe(e){return tr(e)?(e.nodeName||"").toLowerCase():"#document"}function I(e){var t;return(e==null||(t=e.ownerDocument)==null?void 0:t.defaultView)||window}function ee(e){var t;return(t=(tr(e)?e.ownerDocument:e.document)||window.document)==null?void 0:t.documentElement}function tr(e){return Ne()?e instanceof Node||e instanceof I(e).Node:!1}function Z(e){return Ne()?e instanceof Element||e instanceof I(e).Element:!1}function K(e){return Ne()?e instanceof HTMLElement||e instanceof I(e).HTMLElement:!1}function er(e){return!Ne()||typeof ShadowRoot=="undefined"?!1:e instanceof ShadowRoot||e instanceof I(e).ShadowRoot}var Ao=new Set(["inline","contents"]);function ve(e){let{overflow:t,overflowX:r,overflowY:o,display:i}=G(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+r)&&!Ao.has(i)}var Do=new Set(["table","td","th"]);function rr(e){return Do.has(pe(e))}var Lo=[":popover-open",":modal"];function Ee(e){return Lo.some(t=>{try{return e.matches(t)}catch(r){return!1}})}var Mo=["transform","translate","scale","rotate","perspective"],Ro=["transform","translate","scale","rotate","perspective","filter"],Po=["paint","layout","strict","content"];function Ve(e){let t=Be(),r=Z(e)?G(e):e;return Mo.some(o=>r[o]?r[o]!=="none":!1)||(r.containerType?r.containerType!=="normal":!1)||!t&&(r.backdropFilter?r.backdropFilter!=="none":!1)||!t&&(r.filter?r.filter!=="none":!1)||Ro.some(o=>(r.willChange||"").includes(o))||Po.some(o=>(r.contain||"").includes(o))}function or(e){let t=ie(e);for(;K(t)&&!me(t);){if(Ve(t))return t;if(Ee(t))return null;t=ie(t)}return null}function Be(){return typeof CSS=="undefined"||!CSS.supports?!1:CSS.supports("-webkit-backdrop-filter","none")}var Fo=new Set(["html","body","#document"]);function me(e){return Fo.has(pe(e))}function G(e){return I(e).getComputedStyle(e)}function Ce(e){return Z(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function ie(e){if(pe(e)==="html")return e;let t=e.assignedSlot||e.parentNode||er(e)&&e.host||ee(e);return er(t)?t.host:t}function ir(e){let t=ie(e);return me(t)?e.ownerDocument?e.ownerDocument.body:e.body:K(t)&&ve(t)?t:ir(t)}function je(e,t,r){var o;t===void 0&&(t=[]),r===void 0&&(r=!0);let i=ir(e),a=i===((o=e.ownerDocument)==null?void 0:o.body),n=I(i);if(a){let s=He(n);return t.concat(n,n.visualViewport||[],ve(i)?i:[],s&&r?je(s):[])}return t.concat(i,je(i,[],r))}function He(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function lr(e){let t=G(e),r=parseFloat(t.width)||0,o=parseFloat(t.height)||0,i=K(e),a=i?e.offsetWidth:r,n=i?e.offsetHeight:o,s=_e(r)!==a||_e(o)!==n;return s&&(r=a,o=n),{width:r,height:o,$:s}}function cr(e){return Z(e)?e:e.contextElement}function we(e){let t=cr(e);if(!K(t))return J(1);let r=t.getBoundingClientRect(),{width:o,height:i,$:a}=lr(t),n=(a?_e(r.width):r.width)/o,s=(a?_e(r.height):r.height)/i;return(!n||!Number.isFinite(n))&&(n=1),(!s||!Number.isFinite(s))&&(s=1),{x:n,y:s}}var $o=J(0);function dr(e){let t=I(e);return!Be()||!t.visualViewport?$o:{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}}function jo(e,t,r){return t===void 0&&(t=!1),!r||t&&r!==I(e)?!1:t}function Se(e,t,r,o){t===void 0&&(t=!1),r===void 0&&(r=!1);let i=e.getBoundingClientRect(),a=cr(e),n=J(1);t&&(o?Z(o)&&(n=we(o)):n=we(e));let s=jo(a,r,o)?dr(a):J(0),l=(i.left+s.x)/n.x,d=(i.top+s.y)/n.y,c=i.width/n.x,g=i.height/n.y;if(a){let m=I(a),u=o&&Z(o)?I(o):o,p=m,b=He(p);for(;b&&o&&u!==p;){let h=we(b),x=b.getBoundingClientRect(),y=G(b),k=x.left+(b.clientLeft+parseFloat(y.paddingLeft))*h.x,P=x.top+(b.clientTop+parseFloat(y.paddingTop))*h.y;l*=h.x,d*=h.y,c*=h.x,g*=h.y,l+=k,d+=P,p=I(b),b=He(p)}}return ge({width:c,height:g,x:l,y:d})}function Ie(e,t){let r=Ce(e).scrollLeft;return t?t.left+r:Se(ee(e)).left+r}function ur(e,t){let r=e.getBoundingClientRect(),o=r.left+t.scrollLeft-Ie(e,r),i=r.top+t.scrollTop;return{x:o,y:i}}function No(e){let{elements:t,rect:r,offsetParent:o,strategy:i}=e,a=i==="fixed",n=ee(o),s=t?Ee(t.floating):!1;if(o===n||s&&a)return r;let l={scrollLeft:0,scrollTop:0},d=J(1),c=J(0),g=K(o);if((g||!g&&!a)&&((pe(o)!=="body"||ve(n))&&(l=Ce(o)),K(o))){let u=Se(o);d=we(o),c.x=u.x+o.clientLeft,c.y=u.y+o.clientTop}let m=n&&!g&&!a?ur(n,l):J(0);return{width:r.width*d.x,height:r.height*d.y,x:r.x*d.x-l.scrollLeft*d.x+c.x+m.x,y:r.y*d.y-l.scrollTop*d.y+c.y+m.y}}function Vo(e){return Array.from(e.getClientRects())}function Bo(e){let t=ee(e),r=Ce(e),o=e.ownerDocument.body,i=H(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),a=H(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight),n=-r.scrollLeft+Ie(e),s=-r.scrollTop;return G(o).direction==="rtl"&&(n+=H(t.clientWidth,o.clientWidth)-i),{width:i,height:a,x:n,y:s}}var nr=25;function Ho(e,t){let r=I(e),o=ee(e),i=r.visualViewport,a=o.clientWidth,n=o.clientHeight,s=0,l=0;if(i){a=i.width,n=i.height;let c=Be();(!c||c&&t==="fixed")&&(s=i.offsetLeft,l=i.offsetTop)}let d=Ie(o);if(d<=0){let c=o.ownerDocument,g=c.body,m=getComputedStyle(g),u=c.compatMode==="CSS1Compat"&&parseFloat(m.marginLeft)+parseFloat(m.marginRight)||0,p=Math.abs(o.clientWidth-g.clientWidth-u);p<=nr&&(a-=p)}else d<=nr&&(a+=d);return{width:a,height:n,x:s,y:l}}var Io=new Set(["absolute","fixed"]);function Yo(e,t){let r=Se(e,!0,t==="fixed"),o=r.top+e.clientTop,i=r.left+e.clientLeft,a=K(e)?we(e):J(1),n=e.clientWidth*a.x,s=e.clientHeight*a.y,l=i*a.x,d=o*a.y;return{width:n,height:s,x:l,y:d}}function ar(e,t,r){let o;if(t==="viewport")o=Ho(e,r);else if(t==="document")o=Bo(ee(e));else if(Z(t))o=Yo(t,r);else{let i=dr(e);o={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return ge(o)}function gr(e,t){let r=ie(e);return r===t||!Z(r)||me(r)?!1:G(r).position==="fixed"||gr(r,t)}function qo(e,t){let r=t.get(e);if(r)return r;let o=je(e,[],!1).filter(s=>Z(s)&&pe(s)!=="body"),i=null,a=G(e).position==="fixed",n=a?ie(e):e;for(;Z(n)&&!me(n);){let s=G(n),l=Ve(n);!l&&s.position==="fixed"&&(i=null),(a?!l&&!i:!l&&s.position==="static"&&!!i&&Io.has(i.position)||ve(n)&&!l&&gr(e,n))?o=o.filter(c=>c!==n):i=s,n=ie(n)}return t.set(e,o),o}function Uo(e){let{element:t,boundary:r,rootBoundary:o,strategy:i}=e,n=[...r==="clippingAncestors"?Ee(t)?[]:qo(t,this._c):[].concat(r),o],s=n[0],l=n.reduce((d,c)=>{let g=ar(t,c,i);return d.top=H(g.top,d.top),d.right=re(g.right,d.right),d.bottom=re(g.bottom,d.bottom),d.left=H(g.left,d.left),d},ar(t,s,i));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}}function Xo(e){let{width:t,height:r}=lr(e);return{width:t,height:r}}function Qo(e,t,r){let o=K(t),i=ee(t),a=r==="fixed",n=Se(e,!0,a,t),s={scrollLeft:0,scrollTop:0},l=J(0);function d(){l.x=Ie(i)}if(o||!o&&!a)if((pe(t)!=="body"||ve(i))&&(s=Ce(t)),o){let u=Se(t,!0,a,t);l.x=u.x+t.clientLeft,l.y=u.y+t.clientTop}else i&&d();a&&!o&&i&&d();let c=i&&!o&&!a?ur(i,s):J(0),g=n.left+s.scrollLeft-l.x-c.x,m=n.top+s.scrollTop-l.y-c.y;return{x:g,y:m,width:n.width,height:n.height}}function mt(e){return G(e).position==="static"}function sr(e,t){if(!K(e)||G(e).position==="fixed")return null;if(t)return t(e);let r=e.offsetParent;return ee(e)===r&&(r=r.ownerDocument.body),r}function pr(e,t){let r=I(e);if(Ee(e))return r;if(!K(e)){let i=ie(e);for(;i&&!me(i);){if(Z(i)&&!mt(i))return i;i=ie(i)}return r}let o=sr(e,t);for(;o&&rr(o)&&mt(o);)o=sr(o,t);return o&&me(o)&&mt(o)&&!Ve(o)?r:o||or(e)||r}var Zo=async function(e){let t=this.getOffsetParent||pr,r=this.getDimensions,o=await r(e.floating);return{reference:Qo(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function Go(e){return G(e).direction==="rtl"}var Jo={convertOffsetParentRelativeRectToViewportRelativeRect:No,getDocumentElement:ee,getClippingRect:Uo,getOffsetParent:pr,getElementRects:Zo,getClientRects:Vo,getDimensions:Xo,getScale:we,isElement:Z,isRTL:Go};var mr=Jt;var hr=Kt,fr=Zt,br=Wt,vr=Gt,wr=Qt;var xr=(e,t,r)=>{let o=new Map,i={platform:Jo,...r},a={...i.platform,_c:o};return Xt(e,t,{...i,platform:a})};var qe="top-start",Ue="top",Xe="top-end",Qe="right-start",Ze="right",Ge="right-end",Je="bottom-start",Oe="bottom",Ke="bottom-end",We="left-start",et="left",tt="left-end",ht=[qe,Ue,Xe,Qe,Ze,Ge,Je,Oe,Ke,We,et,tt],he={[qe]:Je,[Ue]:Oe,[Xe]:Ke,[Je]:qe,[Oe]:Ue,[Ke]:Xe,[We]:Qe,[et]:Ze,[tt]:Ge,[Qe]:We,[Ze]:et,[Ge]:tt},Ko={[We]:-45,[et]:-45,[tt]:-45,[qe]:45,[Ue]:45,[Xe]:45,[Qe]:135,[Ze]:135,[Ge]:135,[Je]:-135,[Oe]:-135,[Ke]:-135},Wo=e=>{let t;return/-/.test(e)?t=e.split("-").map(r=>r.charAt(0).toUpperCase()+r.slice(1)).join(""):t=e.charAt(0).toUpperCase()+e.slice(1),t},ei=e=>e.split("-")[0],ti=e=>he[ei(e)],kr=e=>he[e],ri=e=>Ko[kr(e)],oi=(e,t,r)=>{Object.assign(e==null?void 0:e.style,{borderTopLeftRadius:"4px",zIndex:1,[`margin${Wo(ti(r))}`]:"-0.5px",transform:`rotate(${t}deg)`})},yr=8,Ye=24;async function ft(e){var o,i,a;if(!(e!=null&&e.isShowing)||(e!=null&&e.waitForDOM&&await(e==null?void 0:e.waitForDOM()),!(e!=null&&e.targetEl)||!(e!=null&&e.attentionEl)))return;let t=e==null?void 0:e.targetEl,r=e.attentionEl;return xr(t,r,{placement:(o=e==null?void 0:e.directionName)!=null?o:Oe,middleware:[mr({mainAxis:(i=e==null?void 0:e.distance)!=null?i:8,crossAxis:(a=e==null?void 0:e.skidding)!=null?a:0}),(e==null?void 0:e.flip)&&fr({crossAxis:e==null?void 0:e.crossAxis,fallbackPlacements:e==null?void 0:e.fallbackPlacements}),(e==null?void 0:e.flip)&&hr({crossAxis:!0}),!(e!=null&&e.noArrow)&&(e==null?void 0:e.arrowEl)&&wr({element:e==null?void 0:e.arrowEl}),vr(),br({apply(){Object.assign(r.style,{paddingRight:`${yr}px`,paddingLeft:`${yr}px`})}})]}).then(({x:n,y:s,middlewareData:l,placement:d})=>{if(e.actualDirection=d,e!=null&&e.isCallout||Object.assign(r.style,{left:`${n}px`,top:`${s}px`}),l!=null&&l.hide&&!(e!=null&&e.isCallout)){let{referenceHidden:c}=l.hide;Object.assign(r.style,{visibility:c?"hidden":""})}if(l!=null&&l.arrow&&(e!=null&&e.arrowEl)){let c=e==null?void 0:e.arrowEl,{x:g,y:m}=l.arrow,u=window.getComputedStyle(r).direction==="rtl",p=kr(d).split("-")[1],b="",h="",x="",y="";if(p==="start"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";b=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"",h=u?k:"",y=u?"":k}else if(p==="end"){let k=typeof g=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:"";h=u?"":k,y=u?k:"",x=typeof m=="number"?`calc(${Ye}px - ${c.offsetWidth/2}px)`:""}else y=typeof g=="number"?`${g}px`:"",b=typeof m=="number"?`${m}px`:"";Object.assign(c.style,{top:b,right:h,bottom:x,left:y}),oi(c,ri(d),d)}}),e}import{css as Ei,html as ye,LitElement as Ci,nothing as xt}from"lit";import{property as U}from"lit/decorators.js";import{ifDefined as Si}from"lit/directives/if-defined.js";var ii=["en","nb","fi","da","sv"],bt="en",rt=e=>ii.find(t=>e===t||e.toLowerCase().includes(t))||bt;function ot(){if(typeof window=="undefined"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return rt(e)}try{let e=Er(document);if(e)return rt(e);let t=li();if(t)return rt(t);let r=Er(Sr());return r?rt(r):bt}catch(e){return console.warn("could not detect locale, falling back to source locale",e),bt}}var it=(e,t,r,o,i)=>{T.load("en",e),T.load("nb",t),T.load("fi",r),T.load("da",o),T.load("sv",i);let a=ot();T.activate(a),Cr(),ai()},ni="warp-i18n-change";function Cr(){typeof window!="undefined"&&window.dispatchEvent(new Event(ni))}var _r=!1;function ai(){if(_r||typeof window=="undefined"||!(document!=null&&document.documentElement))return;_r=!0;let e=()=>{let i=ot();T.locale!==i&&(T.activate(i),Cr())},t=new MutationObserver(i=>{for(let a of i)if(a.type==="attributes"&&a.attributeName==="lang"){e();break}});t.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=Sr();r&&r.documentElement&&r!==document&&t.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=si();o&&t.observe(o,{attributes:!0,attributeFilter:["lang"]})}function Sr(){var e,t;try{return(t=(e=window.parent)==null?void 0:e.document)!=null?t:null}catch(r){return null}}function Er(e){var t,r;try{return(r=(t=e==null?void 0:e.documentElement)==null?void 0:t.lang)!=null?r:""}catch(o){return""}}function si(){var e;try{return(e=window.frameElement)!=null?e:null}catch(t){return null}}function li(){var e,t,r;try{return(r=(t=(e=window.frameElement)==null?void 0:e.getAttribute)==null?void 0:t.call(e,"lang"))!=null?r:""}catch(o){return""}}import{css as Or}from"lit";var xe=Or`
|
|
11
11
|
*,
|
|
12
12
|
:before,
|
|
13
13
|
:after {
|
|
@@ -280,7 +280,7 @@ Please compile your catalog first.
|
|
|
280
280
|
svg {
|
|
281
281
|
pointer-events: none;
|
|
282
282
|
}
|
|
283
|
-
`,
|
|
283
|
+
`,on=Or`*, :before, :after {
|
|
284
284
|
--w-rotate: 0;
|
|
285
285
|
--w-rotate-x: 0;
|
|
286
286
|
--w-rotate-y: 0;
|
|
@@ -3346,7 +3346,7 @@ Please compile your catalog first.
|
|
|
3346
3346
|
padding-top: 4rem;
|
|
3347
3347
|
padding-bottom: 4rem;
|
|
3348
3348
|
}
|
|
3349
|
-
`;var
|
|
3349
|
+
`;var Tr=JSON.parse('{"attention.aria.callout":["En gr\xF8n taleboble der introducerer noget nyt"],"attention.aria.close":["Luk"],"attention.aria.highlight":["En opm\xE6rksomhedsskabende taleboble med vigtig information"],"attention.aria.pointingDown":["peger nedad"],"attention.aria.pointingLeft":["peger til venstre"],"attention.aria.pointingRight":["peger til h\xF8jre"],"attention.aria.pointingUp":["peger opad"],"attention.aria.popover":["En hvid taleboble med mere information"],"attention.aria.tooltip":["En sort taleboble med flere oplysninger"]}');var Ar=JSON.parse('{"attention.aria.callout":["A green speech bubble introducing something new"],"attention.aria.close":["Close"],"attention.aria.highlight":["An attention speech bubble with important information"],"attention.aria.pointingDown":["pointing down"],"attention.aria.pointingLeft":["pointing left"],"attention.aria.pointingRight":["pointing right"],"attention.aria.pointingUp":["pointing up"],"attention.aria.popover":["A white speech bubble providing additional information"],"attention.aria.tooltip":["A black speech bubble providing complementary information"]}');var Dr=JSON.parse('{"attention.aria.callout":["Vihre\xE4 puhekupla, joka esittelee jotain uutta"],"attention.aria.close":["Sulje"],"attention.aria.highlight":["Puhekupla, joka sis\xE4lt\xE4\xE4 t\xE4rke\xE4\xE4 tietoa"],"attention.aria.pointingDown":["osoittaa alas"],"attention.aria.pointingLeft":["osoittaa vasemmalle"],"attention.aria.pointingRight":["osoittaa oikealle"],"attention.aria.pointingUp":["osoittaa yl\xF6s"],"attention.aria.popover":["Valkoinen puhekupla, joka tarjoaa lis\xE4tietoa"],"attention.aria.tooltip":["Musta puhekupla, joka tarjoaa t\xE4ydent\xE4v\xE4\xE4 tietoa"]}');var Lr=JSON.parse('{"attention.aria.callout":["Gr\xF8nn taleboble som introduserer noe nytt"],"attention.aria.close":["Lukk"],"attention.aria.highlight":["En uthevet taleboble med viktig informasjon"],"attention.aria.pointingDown":["peker ned"],"attention.aria.pointingLeft":["peker til venstre"],"attention.aria.pointingRight":["peker til h\xF8yre"],"attention.aria.pointingUp":["peker opp"],"attention.aria.popover":["En hvit taleboble som gir tilleggsinformasjon"],"attention.aria.tooltip":["En svart taleboble som forklarer konteksten"]}');var Mr=JSON.parse('{"attention.aria.callout":["En gr\xF6n pratbubbla som introducerar n\xE5got nytt"],"attention.aria.close":["St\xE4ng"],"attention.aria.highlight":["En pratbubbla med viktig information"],"attention.aria.pointingDown":["pekar ned"],"attention.aria.pointingLeft":["pekar v\xE4nster"],"attention.aria.pointingRight":["pekar h\xF6ger"],"attention.aria.pointingUp":["pekar upp"],"attention.aria.popover":["En vit pratbubbla som ger ytterligare information"],"attention.aria.tooltip":["En svart pratbubbla som ger kompletterande information"]}');import{css as di}from"lit";var Rr=di`*,: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}.hover\\:bg-clip-padding:hover{-webkit-background-clip:padding-box;background-clip:padding-box}.bg-transparent{background-color:#0000}.bg-\\[--w-color-button-primary-background\\]{background-color:var(--w-color-button-primary-background)}.bg-\\[--w-color-callout-background\\]{background-color:var(--w-color-callout-background)}.bg-\\[--w-s-color-surface-elevated-300\\]{background-color:var(--w-s-color-surface-elevated-300)}.hover\\:bg-\\[--w-color-button-pill-background-hover\\]:hover{background-color:var(--w-color-button-pill-background-hover)}.hover\\:bg-\\[--w-color-button-primary-background-hover\\]:hover{background-color:var(--w-color-button-primary-background-hover)}.active\\:bg-\\[--w-color-button-pill-background-active\\]:active{background-color:var(--w-color-button-pill-background-active)}.active\\:bg-\\[--w-color-button-primary-background-active\\]:active{background-color:var(--w-color-button-primary-background-active)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b-0{border-bottom-width:0}.border-r-0{border-right-width:0}.border-\\[--w-color-callout-border\\]{border-color:var(--w-color-callout-border)}.border-\\[--w-s-color-background-inverted\\]{border-color:var(--w-s-color-background-inverted)}.border-\\[--w-s-color-surface-elevated-300\\]{border-color:var(--w-s-color-surface-elevated-300)}.rounded-4{border-radius:4px}.rounded-8{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-tl-4{border-top-left-radius:4px}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.hover\\:underline:hover,.focus\\:underline:focus,.active\\:underline:active{text-decoration-line:underline}.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-\\[8px\\]{bottom:-8px}.-left-\\[8px\\]{left:-8px}.-right-\\[8px\\]{right:-8px}.-top-\\[8px\\]{top:-8px}.justify-center{justify-content:center}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled{background-color:var(--w-s-color-background-disabled)}.s-bg-inverted{background-color:var(--w-s-color-background-inverted)}.s-bg-negative{background-color:var(--w-s-color-background-negative)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-hover:hover{background-color:var(--w-s-color-background-hover)}.hover\\:s-bg-negative-hover:hover{background-color:var(--w-s-color-background-negative-hover)}.hover\\:s-bg-negative-subtle-hover:hover{background-color:var(--w-s-color-background-negative-subtle-hover)}.active\\:s-bg-active:active{background-color:var(--w-s-color-background-active)}.active\\:s-bg-negative-active:active{background-color:var(--w-s-color-background-negative-active)}.active\\:s-bg-negative-subtle-active:active{background-color:var(--w-s-color-background-negative-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-text-inverted{color:var(--w-s-color-text-inverted)}.s-text-link{color:var(--w-s-color-text-link)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-icon{color:var(--w-s-color-icon)}.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{border-color:var(--w-s-color-border)}.hover\\:s-border-hover:hover{border-color:var(--w-s-color-border-hover)}.active\\:s-border-active:active{border-color:var(--w-s-color-border-active)}.drop-shadow-m{filter:drop-shadow(0 3px 8px #4040403d)drop-shadow(0 3px 6px #40404029)}.shadow-m{box-shadow:var(--w-shadow-m)}.h-\\[14px\\]{height:14px}.w-\\[14px\\]{width:14px}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.p-16{padding:1.6rem}.p-4{padding:.4rem}.px-16{padding-left:1.6rem;padding-right:1.6rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-6{padding-top:.6rem;padding-bottom:.6rem}.py-8{padding-top:.8rem;padding-bottom:.8rem}.font-bold{font-weight:700}.resize{resize:both}.translate-z-0{--w-translate-z:0rem;transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x))translateY(var(--w-translate-y))translateZ(var(--w-translate-z))rotate(var(--w-rotate))rotateX(var(--w-rotate-x))rotateY(var(--w-rotate-y))rotateZ(var(--w-rotate-z))skewX(var(--w-skew-x))skewY(var(--w-skew-y))scaleX(var(--w-scale-x))scaleY(var(--w-scale-y))scaleZ(var(--w-scale-z))}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-\\[24\\]{line-height:2.4rem}`;import{html as gi,LitElement as pi}from"lit";import{property as vt,state as mi}from"lit/decorators.js";import{classMap as hi}from"lit/directives/class-map.js";import{css as ui}from"lit";var Pr=ui`
|
|
3350
3350
|
:host {
|
|
3351
3351
|
display: inline-block;
|
|
3352
3352
|
}
|
|
@@ -3371,7 +3371,7 @@ Please compile your catalog first.
|
|
|
3371
3371
|
--w-icon-size: 32px;
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
3374
|
-
`;var
|
|
3374
|
+
`;var wt=new Map,fi='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function bi(e,t={}){var o;let r=(o=t.responseParser)!=null?o:(i=>i.text());return wt.has(e)||wt.set(e,fetch(e).then(r)),wt.get(e)}var se=class extends pi{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let o=`https://assets.finn.no/pkg/eikons/v1/${this.locale}/${r}.svg`;try{let i=await bi(o);return new DOMParser().parseFromString(i,"text/html").body.querySelector("svg")}catch(i){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(fi,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",o=this.name||"",i={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},a=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return gi`<div class="${hi(i)}" style="${a}" part="w-${o.toLowerCase()}">${this.svg}</div>`}};se.styles=[Pr],v([vt({type:String,reflect:!0})],se.prototype,"name",2),v([vt({type:String,reflect:!0})],se.prototype,"size",2),v([vt({type:String,reflect:!0,useDefault:!0})],se.prototype,"locale",2),v([mi()],se.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",se);var E=function(e,t,r,o){if(r==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?o:r==="a"?o.call(e):o?o.value:t.get(e)},L=function(e,t,r,o,i){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};function Fr(e){var t,r,o,i,a,n,s,l,d,c,g,m,u,p,b,h,x,y,k;class P extends e{constructor(...f){var w,_,C;super(...f),t.add(this),this.internals=this.attachInternals(),r.set(this,!1),o.set(this,!1),i.set(this,!1),a.set(this,void 0),n.set(this,void 0),s.set(this,!0),d.set(this,""),c.set(this,()=>{L(this,i,!0,"f"),L(this,r,!0,"f"),E(this,t,"m",h).call(this)}),g.set(this,()=>{L(this,r,!1,"f"),E(this,t,"m",x).call(this,this.shouldFormValueUpdate()?E(this,d,"f"):""),!this.validity.valid&&E(this,i,"f")&&L(this,o,!0,"f");let O=E(this,t,"m",h).call(this);this.validationMessageCallback&&this.validationMessageCallback(O?this.internals.validationMessage:"")}),m.set(this,()=>{var O;E(this,s,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),L(this,s,!1,"f")),L(this,i,!0,"f"),L(this,o,!0,"f"),E(this,t,"m",h).call(this),(O=this===null||this===void 0?void 0:this.validationMessageCallback)===null||O===void 0||O.call(this,this.showError?this.internals.validationMessage:"")}),u.set(this,void 0),p.set(this,!1),b.set(this,Promise.resolve()),(w=this.addEventListener)===null||w===void 0||w.call(this,"focus",E(this,c,"f")),(_=this.addEventListener)===null||_===void 0||_.call(this,"blur",E(this,g,"f")),(C=this.addEventListener)===null||C===void 0||C.call(this,"invalid",E(this,m,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let f=this.validators.map(C=>C.attribute).flat(),w=super.observedAttributes||[];return[...new Set([...w,...f])]}static getValidator(f){return this.validators.find(w=>w.attribute===f)||null}static getValidators(f){return this.validators.filter(w=>{var _;if(w.attribute===f||!((_=w.attribute)===null||_===void 0)&&_.includes(f))return!0})}get form(){return this.internals.form}get showError(){return E(this,t,"m",h).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(f,w,_){var C;(C=super.attributeChangedCallback)===null||C===void 0||C.call(this,f,w,_);let V=this.constructor.getValidators(f);V!=null&&V.length&&this.validationTarget&&this.setValue(E(this,d,"f"))}setValue(f){var w;L(this,o,!1,"f"),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,""),L(this,d,f,"f");let C=this.shouldFormValueUpdate()?f:null;this.internals.setFormValue(C),E(this,t,"m",x).call(this,C),this.valueChangedCallback&&this.valueChangedCallback(C),E(this,t,"m",h).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(f=>f(E(this,b,"f")))}formResetCallback(){var f,w;L(this,i,!1,"f"),L(this,o,!1,"f"),E(this,t,"m",h).call(this),(f=this.resetFormControl)===null||f===void 0||f.call(this),(w=this.validationMessageCallback)===null||w===void 0||w.call(this,E(this,t,"m",h).call(this)?this.validationMessage:"")}}return r=new WeakMap,o=new WeakMap,i=new WeakMap,a=new WeakMap,n=new WeakMap,s=new WeakMap,d=new WeakMap,c=new WeakMap,g=new WeakMap,m=new WeakMap,u=new WeakMap,p=new WeakMap,b=new WeakMap,t=new WeakSet,l=function(){let f=this.getRootNode(),w=`${this.localName}[name="${this.getAttribute("name")}"]`;return f.querySelectorAll(w)},h=function(){if(this.hasAttribute("disabled"))return!1;let f=E(this,o,"f")||E(this,i,"f")&&!this.validity.valid&&!E(this,r,"f");return f&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),f},x=function(f){let w=this.constructor,_={},C=w.validators,O=[],V=C.some(A=>A.isValid instanceof Promise);E(this,p,"f")||(L(this,b,new Promise(A=>{L(this,u,A,"f")}),"f"),L(this,p,!0,"f")),E(this,a,"f")&&(E(this,a,"f").abort(),L(this,n,E(this,a,"f"),"f"));let $=new AbortController;L(this,a,$,"f");let B,M=!1;C.length&&(C.forEach(A=>{let Y=A.key||"customError",R=A.isValid(this,f,$.signal);R instanceof Promise?(O.push(R),R.then(Q=>{Q!=null&&(_[Y]=!Q,B=E(this,t,"m",k).call(this,A,f),E(this,t,"m",y).call(this,_,B))})):(_[Y]=!R,this.validity[Y]!==!R&&(M=!0),!R&&!B&&(B=E(this,t,"m",k).call(this,A,f)))}),Promise.allSettled(O).then(()=>{var A;$!=null&&$.signal.aborted||(L(this,p,!1,"f"),(A=E(this,u,"f"))===null||A===void 0||A.call(this))}),(M||!V)&&E(this,t,"m",y).call(this,_,B))},y=function(f,w){if(this.validationTarget)this.internals.setValidity(f,w,this.validationTarget),L(this,s,!1,"f");else{if(this.internals.setValidity(f,w),this.internals.validity.valid)return;L(this,s,!0,"f")}},k=function(f,w){if(this.validityCallback){let _=this.validityCallback(f.key||"customError");if(_)return _}return f.message instanceof Function?f.message(this,w):f.message},P}import{html as nt,LitElement as Ur,nothing as ki}from"lit";import{property as N}from"lit/decorators.js";import{html as wi,LitElement as jr,nothing as xi}from"lit";import{property as le}from"lit/decorators.js";import{css as vi}from"lit";var $r=vi`
|
|
3375
3375
|
/* If not a link variant this should look like a button */
|
|
3376
3376
|
:host(:not([variant="link"])) {
|
|
3377
3377
|
--_background: var(--background, var(--w-s-color-background));
|
|
@@ -3582,7 +3582,7 @@ Please compile your catalog first.
|
|
|
3582
3582
|
width: 100%;
|
|
3583
3583
|
max-width: 100%;
|
|
3584
3584
|
}
|
|
3585
|
-
`;var Nr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],
|
|
3585
|
+
`;var Nr=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],q=class extends jr{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!Nr.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
3586
3586
|
${Nr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return wi`
|
|
3587
3587
|
<a
|
|
3588
3588
|
href="${this.href}"
|
|
@@ -3592,7 +3592,7 @@ ${Nr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3592
3592
|
>
|
|
3593
3593
|
<slot></slot>
|
|
3594
3594
|
</a>
|
|
3595
|
-
`}};
|
|
3595
|
+
`}};q.shadowRootOptions={...jr.shadowRootOptions,delegatesFocus:!0},q.styles=[xe,$r],v([le({type:Boolean,reflect:!0})],q.prototype,"autofocus",2),v([le({reflect:!0})],q.prototype,"variant",2),v([le({type:Boolean,reflect:!0})],q.prototype,"small",2),v([le({reflect:!0})],q.prototype,"href",2),v([le({type:Boolean,reflect:!0})],q.prototype,"disabled",2),v([le({reflect:!0})],q.prototype,"target",2),v([le({reflect:!0})],q.prototype,"rel",2),v([le({attribute:"full-width",type:Boolean,reflect:!0})],q.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",q);var Vr=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Br=JSON.parse('{"button.aria.loading":["Loading..."]}');var Hr=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Ir=JSON.parse('{"button.aria.loading":["Laster..."]}');var Yr=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as yi}from"lit";var qr=yi`
|
|
3596
3596
|
:host {
|
|
3597
3597
|
/* Local scoped variables, given the default button (the secondary variant) as a default */
|
|
3598
3598
|
--_background: var(--background, var(--w-s-color-background));
|
|
@@ -3872,8 +3872,8 @@ ${Nr.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
|
|
|
3872
3872
|
background-position: 60px 0;
|
|
3873
3873
|
}
|
|
3874
3874
|
}
|
|
3875
|
-
`;import{ifDefined as _i}from"lit/directives/if-defined.js";var Xr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],
|
|
3876
|
-
${Xr.join(", ")}.`);Ot(this,
|
|
3875
|
+
`;import{ifDefined as _i}from"lit/directives/if-defined.js";var Xr=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],ze,D=class extends Fr(Ur){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;St(this,ze,null);it(Br,Ir,Hr,Vr,Yr),this.ariaValueTextLoading=T.t({id:"button.aria.loading",message:"Loading...",comment:"Screen reader message for buttons that are loading"})}updated(r){r.has("value")&&this.setValue(this.value)}connectedCallback(){super.connectedCallback();let r=this.variant||"secondary";if(!Xr.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
|
|
3876
|
+
${Xr.join(", ")}.`);Ot(this,ze,this.value)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0)}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=Ct(this,ze)}render(){let r=this.variant||"secondary";return nt` ${this.href?nt`
|
|
3877
3877
|
<w-link
|
|
3878
3878
|
href=${this.href}
|
|
3879
3879
|
target=${this.target}
|
|
@@ -3901,9 +3901,9 @@ ${Xr.join(", ")}.`);Ot(this,Oe,this.value)}firstUpdated(){this.autofocus&&!this.
|
|
|
3901
3901
|
role="progressbar"
|
|
3902
3902
|
aria-valuenow="{0}"
|
|
3903
3903
|
aria-valuetext=${this.ariaValueTextLoading}
|
|
3904
|
-
></span>`:ki}`}};
|
|
3905
|
-
${JSON.stringify(Object.keys(
|
|
3906
|
-
${JSON.stringify(ht)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl?
|
|
3904
|
+
></span>`:ki}`}};ze=new WeakMap,D.styles=[xe,qr],D.shadowRootOptions={...Ur.shadowRootOptions,delegatesFocus:!0},v([N({reflect:!0})],D.prototype,"type",2),v([N({type:Boolean,reflect:!0})],D.prototype,"autofocus",2),v([N({reflect:!0})],D.prototype,"variant",2),v([N({type:Boolean,reflect:!0})],D.prototype,"quiet",2),v([N({type:Boolean,reflect:!0,attribute:"icon-only"})],D.prototype,"iconOnly",2),v([N({type:Boolean,reflect:!0})],D.prototype,"small",2),v([N({type:Boolean,reflect:!0})],D.prototype,"loading",2),v([N({reflect:!0})],D.prototype,"href",2),v([N({reflect:!0})],D.prototype,"target",2),v([N({type:Boolean,reflect:!0})],D.prototype,"disabled",2),v([N({reflect:!0})],D.prototype,"rel",2),v([N({attribute:"full-width",type:Boolean,reflect:!0})],D.prototype,"fullWidth",2),v([N({attribute:"button-class",reflect:!0})],D.prototype,"buttonClass",2),v([N({reflect:!0})],D.prototype,"name",2),v([N({reflect:!0})],D.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",D);var Oi={primary:"s-text-inverted bg-[--w-color-button-primary-background] hover:bg-[--w-color-button-primary-background-hover] active:bg-[--w-color-button-primary-background-active]",secondary:"s-text-link s-border s-bg hover:s-bg-hover hover:s-border-hover active:s-bg-active",utility:"s-text s-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active",destructive:"s-bg-negative s-text-inverted hover:s-bg-negative-hover active:s-bg-negative-active",pill:"s-icon hover:s-icon-hover active:s-icon-active bg-transparent hover:bg-[--w-color-button-pill-background-hover] active:bg-[--w-color-button-pill-background-active]",disabled:"s-text-inverted s-bg-disabled",quiet:"bg-transparent s-text-link hover:s-bg-hover active:s-bg-active",utilityQuiet:"s-text bg-transparent hover:s-bg-hover active:s-bg-active",negativeQuiet:"bg-transparent s-text-negative hover:s-bg-negative-subtle-hover active:s-bg-negative-subtle-active",loading:"s-text s-bg-subtle",link:"s-text-link"},Te="font-bold focusable justify-center transition-colors ease-in-out",ka={primary:`border-0 rounded-8 ${Te}`,secondary:`border-2 rounded-8 ${Te}`,utility:`border rounded-4 ${Te}`,negative:`border-0 rounded-8 ${Te}`,pill:`p-4 rounded-full border-0 inline-flex items-center justify-center hover:bg-clip-padding ${Te}`,link:`bg-transparent focusable ease-in-out inline active:underline hover:underline focus:underline ${Oi.link}`},z={base:"border-2 relative flex items-center",tooltip:"s-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted rounded-4 py-6 px-8",callout:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8",highlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0",popover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0",arrowBase:"absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform",arrowDirectionLeftStart:"-left-[8px]",arrowDirectionLeft:"-left-[8px]",arrowDirectionLeftEnd:"-left-[8px]",arrowDirectionRightStart:"-right-[8px]",arrowDirectionRight:"-right-[8px]",arrowDirectionRightEnd:"-right-[8px]",arrowDirectionBottomStart:"-bottom-[8px]",arrowDirectionBottom:"-bottom-[8px]",arrowDirectionBottomEnd:"-bottom-[8px]",arrowDirectionTopStart:"-top-[8px]",arrowDirectionTop:"-top-[8px]",arrowDirectionTopEnd:"-top-[8px]",arrowTooltip:"s-bg-inverted border-[--w-s-color-background-inverted]",arrowCallout:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",arrowPopover:"bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]",arrowHighlight:"bg-[--w-color-callout-background] border-[--w-color-callout-border]",content:"last-child:mb-0",notCallout:"absolute z-50"},zi={"top-start":z.arrowDirectionTopStart,top:z.arrowDirectionTop,"top-end":z.arrowDirectionTopEnd,"right-start":z.arrowDirectionRightStart,right:z.arrowDirectionRight,"right-end":z.arrowDirectionRightEnd,"bottom-start":z.arrowDirectionBottomStart,bottom:z.arrowDirectionBottom,"bottom-end":z.arrowDirectionBottomEnd,"left-start":z.arrowDirectionLeftStart,left:z.arrowDirectionLeft,"left-end":z.arrowDirectionLeftEnd},F=class extends Ci{constructor(){super();this.show=!1;this.tooltip=!1;this.callout=!1;this.highlight=!1;this.canClose=!1;this.noArrow=!1;this.flip=!1;this.crossAxis=!1;this.fallbackPlacements=[];this.attentionState=null;it(Ar,Lr,Dr,Tr,Mr),this.handleDone=this.handleDone.bind(this),this.show=!1,this.placement="bottom",this.tooltip=!1,this.callout=!1,this.popover=!1,this.highlight=!1,this.canClose=!1,this.noArrow=!1,this.distance=8,this.skidding=0,this.flip=!1,this.crossAxis=!1,this._initialPlacement=this.placement,this._actualDirection=this.placement}connectedCallback(){if(super.connectedCallback(),this.placement&&!Object.keys(he).includes(this.placement))throw new Error(`Invalid "placement" attribute. Set its value to one of the following:
|
|
3905
|
+
${JSON.stringify(Object.keys(he))}`);if(this.fallbackPlacements&&!this.fallbackPlacements.every(r=>ht.includes(r)))throw new Error(`Invalid "fallbackPlacements" attribute. Set its value to an array with one or more of the following:
|
|
3906
|
+
${JSON.stringify(ht)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},0),this.callout||(window.addEventListener("click",this.handleDone),window.addEventListener("scroll",this.handleDone),window.addEventListener("resize",this.handleDone),window.addEventListener("touch",this.handleDone)),this.tooltip&&(window.addEventListener("mouseover",this.handleDone),window.addEventListener("mouseout",this.handleDone))}disconnectedCallback(){window.removeEventListener("click",this.handleDone),window.removeEventListener("scroll",this.handleDone),window.removeEventListener("resize",this.handleDone),window.removeEventListener("touch",this.handleDone),window.removeEventListener("mouseover",this.handleDone),window.removeEventListener("mouseout",this.handleDone),super.disconnectedCallback()}handleDone(){window.requestAnimationFrame(()=>{this.show&&this._targetEl&&this._attentionEl&&this.attentionState?ft(this.attentionState).then(r=>{this._actualDirection=r==null?void 0:r.actualDirection}):this._actualDirection=this._initialPlacement})}get _actualDirection(){return this.placement}set _actualDirection(r){this.placement=r}get _arrowEl(){return this.renderRoot.querySelector("#arrow")}get _arrowDirection(){return he[this._actualDirection]}get _arrowClasses(){let r=zi[this._arrowDirection];return Ae([z.arrowBase,this._activeVariantClasses.arrow,r])}get _arrowHtml(){return this.noArrow?xt:ye`<div id="arrow" class="${this._arrowClasses}"></div>`}get _activeVariantClasses(){return this.callout?{wrapper:z.callout,arrow:z.arrowCallout}:this.popover?{wrapper:z.popover,arrow:z.arrowPopover}:this.tooltip?{wrapper:z.tooltip,arrow:z.arrowTooltip}:this.highlight?{wrapper:z.highlight,arrow:z.arrowHighlight}:{wrapper:"",arrow:""}}get _attentionEl(){return this.renderRoot.querySelector("#attention")}get _targetEl(){var i;let r=(i=this.renderRoot)==null?void 0:i.querySelector("slot[name='target']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _messageEl(){let r=this.renderRoot.querySelector("slot[name='message']"),o=r==null?void 0:r.assignedElements()[0];return o instanceof HTMLElement?o:null}get _wrapperClasses(){return Ae([z.base,this._activeVariantClasses.wrapper])}get _ariaClose(){return T._({id:"attention.aria.close",message:"Close",comment:"Aria label for the close button in attention"})}get _closeBtnHtml(){return ye`
|
|
3907
3907
|
<w-button
|
|
3908
3908
|
aria-label="${this._ariaClose}"
|
|
3909
3909
|
@click=${this.close}
|
|
@@ -3918,26 +3918,26 @@ ${JSON.stringify(ht)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
|
|
|
3918
3918
|
locale="${ot()}"
|
|
3919
3919
|
class="flex"></w-icon>
|
|
3920
3920
|
</w-button>
|
|
3921
|
-
`}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},
|
|
3921
|
+
`}updated(){this._attentionEl&&(this.callout||this._attentionEl.style.setProperty("--attention-visibility",this.show?"":"hidden"),this.tooltip||this._attentionEl.style.setProperty("--attention-display",this.show?"flex":"none"),this.attentionState={isShowing:this.show,isCallout:this.callout,actualDirection:this._actualDirection,directionName:this.placement,arrowEl:this._arrowEl,attentionEl:this._attentionEl,targetEl:this._targetEl,noArrow:this.noArrow,distance:this.distance,skidding:this.skidding,flip:this.flip,crossAxis:this.crossAxis,fallbackPlacements:this.fallbackPlacements},ft(this.attentionState))}pointingAtDirection(){switch(he[this._actualDirection]){case"top-start":case"top":case"top-end":return T._({id:"attention.aria.pointingUp",message:"pointing up",comment:"Default screenreader message for top direction in the attention component"});case"right-start":case"right":case"right-end":return T._({id:"attention.aria.pointingRight",message:"pointing right",comment:"Default screenreader message for right direction in the attention component"});case"bottom-start":case"bottom":case"bottom-end":return T._({id:"attention.aria.pointingDown",message:"pointing down",comment:"Default screenreader message for bottom direction in the attention component"});case"left-start":case"left":case"left-end":return T._({id:"attention.aria.pointingLeft",message:"pointing left",comment:"Default screenreader message for left direction in the attention component"});default:return""}}activeAttentionType(){switch(!0){case this.tooltip:return T._({id:"attention.aria.tooltip",message:"tooltip",comment:"Default screenreader message for tooltip in the attention component"});case this.callout:return T._({id:"attention.aria.callout",message:"callout speech bubble",comment:"Default screenreader message for callout speech bubble in the attention component"});case this.popover:return T._({id:"attention.aria.popover",message:"popover speech bubble",comment:"Default screenreader message for popover speech bubble in the attention component"});case this.highlight:return T._({id:"attention.aria.highlight",message:"highlighted speech bubble",comment:"Default screenreader message for highlighted speech bubble in the attention component"});default:return""}}defaultAriaLabel(){return`${this.activeAttentionType()} ${this.noArrow?"":this.pointingAtDirection()}`}firstUpdated(){this._initialPlacement=this.placement,this.callout&&this._attentionEl&&(this._attentionEl.style.position="relative")}close(){let r=new CustomEvent("close",{bubbles:!0,composed:!0});this.updateComplete.then(()=>this.dispatchEvent(r))}keypressed(r){this.canClose&&r.key==="Escape"&&(r.preventDefault(),this.close())}render(){return!this.callout&&this._targetEl===void 0?ye``:ye`
|
|
3922
3922
|
<section class=${Si(this.className?this.className:void 0)}>
|
|
3923
|
-
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?
|
|
3923
|
+
${this.placement==="right-start"||this.placement==="right"||this.placement==="right-end"||this.placement==="bottom-start"||this.placement==="bottom"||this.placement==="bottom-end"?ye`
|
|
3924
3924
|
<slot name="target"></slot>
|
|
3925
3925
|
|
|
3926
3926
|
<div id="attention" class="${this._wrapperClasses}">
|
|
3927
3927
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
3928
3928
|
<slot name="message"></slot>
|
|
3929
|
-
${this.canClose?this._closeBtnHtml:
|
|
3929
|
+
${this.canClose?this._closeBtnHtml:xt}
|
|
3930
3930
|
</div>
|
|
3931
|
-
`:
|
|
3931
|
+
`:ye`
|
|
3932
3932
|
<div id="attention" class="${this._wrapperClasses}">
|
|
3933
3933
|
<slot name="message"></slot>
|
|
3934
3934
|
<div role="${this.tooltip?"tooltip":"img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
|
|
3935
|
-
${this.canClose?this._closeBtnHtml:
|
|
3935
|
+
${this.canClose?this._closeBtnHtml:xt}
|
|
3936
3936
|
</div>
|
|
3937
3937
|
<slot name="target"></slot>
|
|
3938
3938
|
`}
|
|
3939
3939
|
</section>
|
|
3940
|
-
`}};
|
|
3940
|
+
`}};F.styles=[xe,zr,Rr,Ei`
|
|
3941
3941
|
#attention {
|
|
3942
3942
|
position: absolute;
|
|
3943
3943
|
z-index: 50;
|
|
@@ -3947,5 +3947,5 @@ ${JSON.stringify(ht)}`);setTimeout(()=>{this.requestUpdate(),this.handleDone()},
|
|
|
3947
3947
|
:host([popover]:not(:popover-open):not(dialog[open])) {
|
|
3948
3948
|
display: contents;
|
|
3949
3949
|
}
|
|
3950
|
-
`],v([
|
|
3950
|
+
`],v([U({type:Boolean,reflect:!0})],F.prototype,"show",2),v([U({type:String,reflect:!1})],F.prototype,"placement",2),v([U({type:Boolean,reflect:!0})],F.prototype,"tooltip",2),v([U({type:Boolean,reflect:!0})],F.prototype,"callout",2),v([U({type:Boolean,reflect:!0})],F.prototype,"popover",2),v([U({type:Boolean,reflect:!0})],F.prototype,"highlight",2),v([U({attribute:"can-close",type:Boolean,reflect:!0})],F.prototype,"canClose",2),v([U({attribute:"no-arrow",type:Boolean,reflect:!0})],F.prototype,"noArrow",2),v([U({type:Number})],F.prototype,"distance",2),v([U({type:Number})],F.prototype,"skidding",2),v([U({type:Boolean,reflect:!0})],F.prototype,"flip",2),v([U({attribute:"cross-axis",type:Boolean,reflect:!0})],F.prototype,"crossAxis",2),v([U({attribute:"fallback-placements",type:Array,reflect:!0,useDefault:!0})],F.prototype,"fallbackPlacements",2);customElements.get("w-attention")||customElements.define("w-attention",F);export{F as WarpAttention};
|
|
3951
3951
|
//# sourceMappingURL=attention.js.map
|