@warp-ds/elements 2.9.2-next.1 → 2.10.0-next.1

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.
Files changed (69) hide show
  1. package/dist/custom-elements.json +275 -58
  2. package/dist/docs/button/accessibility.md +42 -0
  3. package/dist/docs/button/api.md +63 -39
  4. package/dist/docs/button/button.md +322 -40
  5. package/dist/docs/button/examples.md +126 -0
  6. package/dist/docs/button/usage.md +89 -0
  7. package/dist/docs/modal/accessibility.md +1 -0
  8. package/dist/docs/modal/api.md +51 -0
  9. package/dist/docs/modal/examples.md +67 -0
  10. package/dist/docs/modal/modal.md +238 -0
  11. package/dist/docs/modal/usage.md +110 -0
  12. package/dist/docs/modal-footer/accessibility.md +1 -0
  13. package/dist/docs/modal-footer/api.md +11 -0
  14. package/dist/docs/modal-footer/examples.md +1 -0
  15. package/dist/docs/modal-footer/modal-footer.md +23 -0
  16. package/dist/docs/modal-footer/usage.md +1 -0
  17. package/dist/docs/modal-header/accessibility.md +1 -0
  18. package/dist/docs/modal-header/api.md +42 -0
  19. package/dist/docs/modal-header/examples.md +1 -0
  20. package/dist/docs/modal-header/modal-header.md +54 -0
  21. package/dist/docs/modal-header/usage.md +1 -0
  22. package/dist/docs/page-indicator/api.md +6 -6
  23. package/dist/docs/page-indicator/examples.md +8 -0
  24. package/dist/docs/page-indicator/page-indicator.md +23 -6
  25. package/dist/docs/page-indicator/usage.md +8 -0
  26. package/dist/docs/pagination/api.md +12 -10
  27. package/dist/docs/pagination/examples.md +20 -0
  28. package/dist/docs/pagination/pagination.md +50 -12
  29. package/dist/docs/pagination/usage.md +18 -0
  30. package/dist/docs/pill/accessibility.md +2 -0
  31. package/dist/docs/pill/api.md +10 -26
  32. package/dist/docs/pill/examples.md +23 -0
  33. package/dist/docs/pill/pill.md +43 -28
  34. package/dist/docs/pill/usage.md +8 -0
  35. package/dist/index.d.ts +305 -289
  36. package/dist/packages/attention/attention.js +23 -21
  37. package/dist/packages/attention/attention.js.map +3 -3
  38. package/dist/packages/button/button.d.ts +54 -37
  39. package/dist/packages/button/button.js +17 -15
  40. package/dist/packages/button/button.js.map +3 -3
  41. package/dist/packages/button/button.react.stories.d.ts +2 -2
  42. package/dist/packages/button/react.d.ts +1 -1
  43. package/dist/packages/modal/index.d.ts +4 -4
  44. package/dist/packages/modal/index.js +4 -4
  45. package/dist/packages/modal/modal.d.ts +21 -12
  46. package/dist/packages/modal/modal.js +4 -4
  47. package/dist/packages/modal/modal.js.map +3 -3
  48. package/dist/packages/modal/modal.react.stories.d.ts +3 -3
  49. package/dist/packages/modal/modal.stories.d.ts +2 -1
  50. package/dist/packages/modal/modal.stories.js +85 -3
  51. package/dist/packages/modal/react.d.ts +2 -2
  52. package/dist/packages/modal-footer/modal-footer.d.ts +5 -3
  53. package/dist/packages/modal-footer/modal-footer.js +4 -4
  54. package/dist/packages/modal-footer/modal-footer.js.map +3 -3
  55. package/dist/packages/modal-footer/react.d.ts +1 -1
  56. package/dist/packages/modal-header/modal-header.d.ts +21 -11
  57. package/dist/packages/modal-header/modal-header.js +1 -1
  58. package/dist/packages/modal-header/modal-header.js.map +3 -3
  59. package/dist/packages/modal-header/react.d.ts +2 -2
  60. package/dist/packages/page-indicator/page-indicator.d.ts +9 -14
  61. package/dist/packages/page-indicator/page-indicator.js.map +2 -2
  62. package/dist/packages/pagination/pagination.d.ts +11 -11
  63. package/dist/packages/pagination/pagination.js.map +2 -2
  64. package/dist/packages/pill/pill.d.ts +14 -29
  65. package/dist/packages/pill/pill.js.map +2 -2
  66. package/dist/packages/pill/pill.react.stories.d.ts +2 -2
  67. package/dist/packages/pill/react.d.ts +1 -1
  68. package/dist/web-types.json +272 -70
  69. package/package.json +5 -5
@@ -4,13 +4,18 @@ export type ButtonVariant = 'primary' | 'secondary' | 'negative' | 'negativeQuie
4
4
  export type ButtonType = 'button' | 'submit' | 'reset';
5
5
  declare const WarpButton_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
6
6
  /**
7
- * Buttons are used to perform actions, widh different visuals for different needs.
7
+ * Performs an action or renders a link with button styling.
8
+ * Use button variants to match action priority, risk, and context.
8
9
  *
9
10
  * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)
10
11
  */
11
12
  declare class WarpButton extends WarpButton_base {
12
13
  #private;
13
14
  static styles: import("lit").CSSResult[];
15
+ /**
16
+ * Shadow root configuration.
17
+ * Delegates focus from the host to the internal control.
18
+ */
14
19
  static shadowRootOptions: {
15
20
  delegatesFocus: boolean;
16
21
  clonable?: boolean;
@@ -20,89 +25,101 @@ declare class WarpButton extends WarpButton_base {
20
25
  slotAssignment?: SlotAssignmentMode;
21
26
  };
22
27
  /**
23
- * @summary
24
- * @description
28
+ * Native button type.
29
+ * Controls whether the internal button behaves as a regular button, submits a form, or resets a form. Defaults to `button`.
25
30
  */
26
31
  type: ButtonType;
27
32
  /**
28
- * @summary
29
- * @description
33
+ * Focuses the button when it is first rendered.
34
+ * Applies only when the component renders a native button. Link buttons with `href` do not autofocus through this component.
30
35
  */
31
36
  autofocus: boolean;
32
37
  /**
33
- * @summary
34
- * @description
38
+ * Visual style of the button.
39
+ * Defaults to `secondary`. Use the variant that matches the action priority, risk, and placement.
35
40
  */
36
41
  variant: ButtonVariant;
37
42
  /**
43
+ * Deprecated quiet visual treatment flag
44
+ * Use `variant="quiet"` instead.
45
+ *
38
46
  * @deprecated Use `variant="quiet"` instead
39
-
40
- * @summary
41
- * @description
42
- */
47
+ */
43
48
  quiet: boolean;
44
49
  /**
45
- * @summary
46
- * @description
50
+ * Marks the button as icon-only.
51
+ * Use this when the button has no visible text. Include accessible text in the slotted content so the internal button has a name.
47
52
  */
48
53
  iconOnly: boolean;
49
54
  /**
50
- * @summary
51
- * @description
55
+ * Renders the compact button size.
56
+ * Use this in dense layouts where the default button size is too large.
52
57
  */
53
58
  small: boolean;
54
59
  /**
55
- * @summary
56
- * @description
60
+ * Shows the loading state.
61
+ * Use after the user has triggered an action and the action is in progress.
57
62
  */
58
63
  loading: boolean;
59
64
  /**
60
- * @summary
61
- * @description
65
+ * URL for rendering the button as a link.
66
+ * When set, the component renders `w-link` instead of a native `button`.
62
67
  */
63
68
  href: string;
64
69
  /**
65
- * @summary
66
- * @description
70
+ * Link browsing context.
71
+ * Passed to the rendered link when `href` is set.
67
72
  */
68
73
  target: string;
69
74
  /**
70
- * @summary
71
- * @description
75
+ * Visually disables the button.
76
+ * Disabled buttons are discouraged because they can hide the reason an action is unavailable.
72
77
  */
73
78
  disabled: boolean;
74
79
  /**
75
- * @summary
76
- * @description
80
+ * Link relationship.
81
+ * Passed to the rendered link when `href` is set. If `target="_blank"` is set and `rel` is omitted, `noopener` is used.
77
82
  */
78
83
  rel: string;
79
84
  /**
80
- * @summary
81
- * @description
85
+ * Makes the button fill its parent width.
86
+ * Useful in narrow layouts where the button should span the available inline space.
82
87
  */
83
88
  fullWidth: boolean;
84
89
  /**
90
+ * Deprecated class applied to the internal control
91
+ * This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the button appearance.
92
+ *
85
93
  * @deprecated This class is applied inside the shadow DOM and is unlikely to have the desired effect. Use attributes or CSS variables to customize the appearance of the button.
86
-
87
- * @summary
88
- * @description
89
- */
94
+ */
90
95
  buttonClass: string;
91
96
  /**
92
- * @summary
93
- * @description
97
+ * Form control name.
98
+ * Used when the button participates in form handling.
94
99
  */
95
100
  name: string;
96
101
  /**
97
- * @summary
98
- * @description
102
+ * Form control value.
103
+ * Used with `name` when the button participates in form handling. Resets to its initial value when the form is reset.
99
104
  */
100
105
  value: string;
101
- /** @internal */
102
- ariaValueTextLoading: string;
106
+ /**
107
+ * The [commandfor HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
108
+ */
109
+ commandfor: string;
110
+ /**
111
+ * The [command HTML attribute](https://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API#html_attributes) for Invoker Commands.
112
+ */
113
+ command: string;
114
+ private buttonEl;
115
+ private ariaValueTextLoading;
103
116
  updated(changedProperties: PropertyValues<this>): void;
104
117
  constructor();
105
118
  connectedCallback(): void;
119
+ /**
120
+ * Traverse up the shadow roots looking for the ID to support use inside other Lit components.
121
+ */
122
+ private closestWithId;
106
123
  firstUpdated(): void;
107
124
  /** @internal */
108
125
  _handleButtonClick(): void;
@@ -1,12 +1,12 @@
1
- var Pe=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var oe=o=>{throw TypeError(o)};var b=(o,e,r,t)=>{for(var a=t>1?void 0:t?Te(e,r):e,l=o.length-1,s;l>=0;l--)(s=o[l])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&Pe(e,r,a),a};var te=(o,e,r)=>e.has(o)||oe("Cannot "+r);var ae=(o,e,r)=>(te(o,e,"read from private field"),r?r.call(o):e.get(o)),ie=(o,e,r)=>e.has(o)?oe("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),ne=(o,e,r,t)=>(te(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r);var V=o=>typeof o=="string",Oe=o=>typeof o=="function",se=new Map,ce="en";function K(o){return[...Array.isArray(o)?o:[o],ce]}function W(o,e,r){let t=K(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return N(()=>Q("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(V(e)?new Date(e):e)}function $e(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return W(o,e,t)}function B(o,e,r){let t=K(o);return N(()=>Q("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function le(o,e,r,{offset:t=0,...a}){var i,v;let l=K(o),s=e?N(()=>Q("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):N(()=>Q("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(v=(i=a[r])!=null?i:a[s.select(r-t)])!=null?v:a.other}function N(o,e){let r=o(),t=se.get(r);return t||(t=e(),se.set(r,t)),t}function Q(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var de=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,ve=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),be="%__lingui_octothorpe__%",je=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],l=(s,i)=>{let v=Object.keys(r).length?a("number"):void 0,m=B(t,s,v);return i.replace(new RegExp(be,"g"),m)};return{plural:(s,i)=>{let{offset:v=0}=i,m=le(t,!1,s,i);return l(s-v,m)},selectordinal:(s,i)=>{let{offset:v=0}=i,m=le(t,!0,s,i);return l(s-v,m)},select:Ae,number:(s,i)=>B(t,s,a(i)||{style:i}),date:(s,i)=>W(t,s,a(i)||i),time:(s,i)=>$e(t,s,a(i)||i)}},Ae=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ye(o,e,r){return(t={},a)=>{let l=je(e,r,a),s=(v,m=!1)=>Array.isArray(v)?v.reduce((C,M)=>{if(M==="#"&&m)return C+be;if(V(M))return C+M;let[P,k,F]=M,E={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(F).forEach(([L,O])=>{E[L]=s(O,k==="plural"||k==="selectordinal")}):E=F;let f;if(k){let L=l[k];f=L(t[P],E)}else f=t[P];return f==null?C:C+f},""):v,i=s(o);return V(i)&&de.test(i)?ve(i):V(i)?i:i?String(i):""}}var qe=Object.defineProperty,Ne=(o,e,r)=>e in o?qe(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,Qe=(o,e,r)=>(Ne(o,typeof e!="symbol"?e+"":e,r),r),H=class{constructor(){Qe(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},De=Object.defineProperty,Xe=(o,e,r)=>e in o?De(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,I=(o,e,r)=>(Xe(o,typeof e!="symbol"?e+"":e,r),r),J=class extends H{constructor(e){var r;super(),I(this,"_locale",""),I(this,"_locales"),I(this,"_localeData",{}),I(this,"_messages",{}),I(this,"_missing"),I(this,"_messageCompiler"),I(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:ce,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),V(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,i=this._missing;if(i&&s)return Oe(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let v=l||a||e;return V(v)&&(this._messageCompiler?v=this._messageCompiler(v):console.warn(`Uncompiled message detected! Message:
1
+ var Pe=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var te=o=>{throw TypeError(o)};var v=(o,e,r,t)=>{for(var a=t>1?void 0:t?$e(e,r):e,l=o.length-1,s;l>=0;l--)(s=o[l])&&(a=(t?s(e,r,a):s(a))||a);return t&&a&&Pe(e,r,a),a};var ae=(o,e,r)=>e.has(o)||te("Cannot "+r);var ie=(o,e,r)=>(ae(o,e,"read from private field"),r?r.call(o):e.get(o)),ne=(o,e,r)=>e.has(o)?te("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(o):e.set(o,r),se=(o,e,r,t)=>(ae(o,e,"write to private field"),t?t.call(o,r):e.set(o,r),r);var V=o=>typeof o=="string",Oe=o=>typeof o=="function",le=new Map,de="en";function K(o){return[...Array.isArray(o)?o:[o],de]}function W(o,e,r){let t=K(o);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return Y(()=>Q("date",t,r),()=>new Intl.DateTimeFormat(t,a)).format(V(e)?new Date(e):e)}function je(o,e,r){let t;if(r||(r="default"),typeof r=="string")switch(t={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":t.timeZoneName="short";break;case"short":delete t.second}else t=r;return W(o,e,t)}function G(o,e,r){let t=K(o);return Y(()=>Q("number",t,r),()=>new Intl.NumberFormat(t,r)).format(e)}function ce(o,e,r,{offset:t=0,...a}){var i,b;let l=K(o),s=e?Y(()=>Q("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):Y(()=>Q("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return(b=(i=a[r])!=null?i:a[s.select(r-t)])!=null?b:a.other}function Y(o,e){let r=o(),t=le.get(r);return t||(t=e(),le.set(r,t)),t}function Q(o,e,r){let t=e.join("-");return`${o}-${t}-${JSON.stringify(r)}`}var ve=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,be=o=>o.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,t)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(t,16);return String.fromCharCode(a)}}),ue="%__lingui_octothorpe__%",Ae=(o,e,r={})=>{let t=e||o,a=s=>typeof s=="object"?s:r[s],l=(s,i)=>{let b=Object.keys(r).length?a("number"):void 0,w=G(t,s,b);return i.replace(new RegExp(ue,"g"),w)};return{plural:(s,i)=>{let{offset:b=0}=i,w=ce(t,!1,s,i);return l(s-b,w)},selectordinal:(s,i)=>{let{offset:b=0}=i,w=ce(t,!0,s,i);return l(s-b,w)},select:qe,number:(s,i)=>G(t,s,a(i)||{style:i}),date:(s,i)=>W(t,s,a(i)||i),time:(s,i)=>je(t,s,a(i)||i)}},qe=(o,e)=>{var r;return(r=e[o])!=null?r:e.other};function Ne(o,e,r){return(t={},a)=>{let l=Ae(e,r,a),s=(b,w=!1)=>Array.isArray(b)?b.reduce((C,E)=>{if(E==="#"&&w)return C+ue;if(V(E))return C+E;let[T,k,M]=E,F={};k==="plural"||k==="selectordinal"||k==="select"?Object.entries(M).forEach(([L,$])=>{F[L]=s($,k==="plural"||k==="selectordinal")}):F=M;let f;if(k){let L=l[k];f=L(t[T],F)}else f=t[T];return f==null?C:C+f},""):b,i=s(o);return V(i)&&ve.test(i)?be(i):V(i)?i:i?String(i):""}}var Ye=Object.defineProperty,Qe=(o,e,r)=>e in o?Ye(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,De=(o,e,r)=>(Qe(o,typeof e!="symbol"?e+"":e,r),r),B=class{constructor(){De(this,"_events",{})}on(e,r){var a;var t;return(a=(t=this._events)[e])!=null||(t[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let t=this._getListeners(e);if(!t)return;let a=t.indexOf(r);~a&&t.splice(a,1)}emit(e,...r){let t=this._getListeners(e);t&&t.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},Re=Object.defineProperty,Xe=(o,e,r)=>e in o?Re(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r,I=(o,e,r)=>(Xe(o,typeof e!="symbol"?e+"":e,r),r),J=class extends B{constructor(e){var r;super(),I(this,"_locale",""),I(this,"_locales"),I(this,"_localeData",{}),I(this,"_messages",{}),I(this,"_missing"),I(this,"_messageCompiler"),I(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate((r=e.locale)!=null?r:de,e.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){var e;return(e=this._messages[this._locale])!=null?e:{}}get localeData(){var e;return(e=this._localeData[this._locale])!=null?e:{}}_loadLocaleData(e,r){let t=this._localeData[e];t?Object.assign(t,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(t=>this._loadLocaleData(t,e[t])),this.emit("change")}_load(e,r){let t=this._messages[e];t?Object.assign(t,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([t,a])=>this._load(t,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:t}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=t,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,t){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let a=t==null?void 0:t.message;e||(e=""),V(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],s=l===void 0,i=this._missing;if(i&&s)return Oe(i)?i(this._locale,e):i;s&&this.emit("missing",{id:e,locale:this._locale});let b=l||a||e;return V(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
2
2
 
3
- > ${v}
3
+ > ${b}
4
4
 
5
5
  That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
6
6
  ICU features such as interpolation and plurals will not work properly for that message.
7
7
 
8
8
  Please compile your catalog first.
9
- `)),V(v)&&de.test(v)?ve(v):V(v)?v:Ye(v,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return W(this._locales||this._locale,e,r)}number(e,r){return B(this._locales||this._locale,e,r)}};function Ze(o={}){return new J(o)}var _=Ze();var d=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function ue(o){var e,r,t,a,l,s,i,v,m,C,M,P,k,F,E,f,L,O,R;class Ie extends o{constructor(...n){var c,h,p;super(...n),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),i.set(this,!0),m.set(this,""),C.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),d(this,e,"m",f).call(this)}),M.set(this,()=>{g(this,r,!1,"f"),d(this,e,"m",L).call(this,this.shouldFormValueUpdate()?d(this,m,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let z=d(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),P.set(this,()=>{var z;d(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),d(this,e,"m",f).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),F.set(this,!1),E.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,C,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"blur",d(this,M,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,P,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(p=>p.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}static getValidators(n){return this.validators.filter(c=>{var h;if(c.attribute===n||!((h=c.attribute)===null||h===void 0)&&h.includes(n))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,h){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,n,c,h);let j=this.constructor.getValidators(n);j!=null&&j.length&&this.validationTarget&&this.setValue(d(this,m,"f"))}setValue(n){var c;g(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),g(this,m,n,"f");let p=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(p),d(this,e,"m",L).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,E,"f")))}formResetCallback(){var n,c;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,e,"m",f).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,i=new WeakMap,m=new WeakMap,C=new WeakMap,M=new WeakMap,P=new WeakMap,k=new WeakMap,F=new WeakMap,E=new WeakMap,e=new WeakSet,v=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},L=function(n){let c=this.constructor,h={},p=c.validators,z=[],j=p.some(y=>y.isValid instanceof Promise);d(this,F,"f")||(g(this,E,new Promise(y=>{g(this,k,y,"f")}),"f"),g(this,F,!0,"f")),d(this,l,"f")&&(d(this,l,"f").abort(),g(this,s,d(this,l,"f"),"f"));let A=new AbortController;g(this,l,A,"f");let Y,re=!1;p.length&&(p.forEach(y=>{let U=y.key||"customError",T=y.isValid(this,n,A.signal);T instanceof Promise?(z.push(T),T.then(G=>{G!=null&&(h[U]=!G,Y=d(this,e,"m",R).call(this,y,n),d(this,e,"m",O).call(this,h,Y))})):(h[U]=!T,this.validity[U]!==!T&&(re=!0),!T&&!Y&&(Y=d(this,e,"m",R).call(this,y,n)))}),Promise.allSettled(z).then(()=>{var y;A!=null&&A.signal.aborted||(g(this,F,!1,"f"),(y=d(this,k,"f"))===null||y===void 0||y.call(this))}),(re||!j)&&d(this,e,"m",O).call(this,h,Y))},O=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;g(this,i,!0,"f")}},R=function(n,c){if(this.validityCallback){let h=this.validityCallback(n.key||"customError");if(h)return h}return n.message instanceof Function?n.message(this,c):n.message},Ie}import{html as Z,LitElement as Se,nothing as rr}from"lit";import{property as w}from"lit/decorators.js";var Re=["en","nb","fi","da","sv"],ee="en",D=o=>Re.find(e=>o===e||o.toLowerCase().includes(e))||ee;function pe(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return D(o)}try{let o=ge(document);if(o)return D(o);let e=He();if(e)return D(e);let r=ge(fe());return r?D(r):ee}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ee}}var we=(o,e,r,t,a)=>{_.load("en",o),_.load("nb",e),_.load("fi",r),_.load("da",t),_.load("sv",a);let l=pe();_.activate(l),me(),Ge()},Ue="warp-i18n-change";function me(){typeof window!="undefined"&&window.dispatchEvent(new Event(Ue))}var he=!1;function Ge(){if(he||typeof window=="undefined"||!(document!=null&&document.documentElement))return;he=!0;let o=()=>{let a=pe();_.locale!==a&&(_.activate(a),me())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=fe();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Be();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function fe(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function ge(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function Be(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function He(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{html as Ke,LitElement as ye,nothing as We}from"lit";import{property as S}from"lit/decorators.js";import{css as xe}from"lit";var X=xe`
9
+ `)),V(b)&&ve.test(b)?be(b):V(b)?b:Ne(b,this._locale,this._locales)(r,t==null?void 0:t.formats)}date(e,r){return W(this._locales||this._locale,e,r)}number(e,r){return G(this._locales||this._locale,e,r)}};function Ze(o={}){return new J(o)}var _=Ze();var d=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function he(o){var e,r,t,a,l,s,i,b,w,C,E,T,k,M,F,f,L,$,Z;class Te extends o{constructor(...n){var c,h,p;super(...n),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),l.set(this,void 0),s.set(this,void 0),i.set(this,!0),w.set(this,""),C.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),d(this,e,"m",f).call(this)}),E.set(this,()=>{g(this,r,!1,"f"),d(this,e,"m",L).call(this,this.shouldFormValueUpdate()?d(this,w,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let z=d(this,e,"m",f).call(this);this.validationMessageCallback&&this.validationMessageCallback(z?this.internals.validationMessage:"")}),T.set(this,()=>{var z;d(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),d(this,e,"m",f).call(this),(z=this===null||this===void 0?void 0:this.validationMessageCallback)===null||z===void 0||z.call(this,this.showError?this.internals.validationMessage:"")}),k.set(this,void 0),M.set(this,!1),F.set(this,Promise.resolve()),(c=this.addEventListener)===null||c===void 0||c.call(this,"focus",d(this,C,"f")),(h=this.addEventListener)===null||h===void 0||h.call(this,"blur",d(this,E,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"invalid",d(this,T,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let n=this.validators.map(p=>p.attribute).flat(),c=super.observedAttributes||[];return[...new Set([...c,...n])]}static getValidator(n){return this.validators.find(c=>c.attribute===n)||null}static getValidators(n){return this.validators.filter(c=>{var h;if(c.attribute===n||!((h=c.attribute)===null||h===void 0)&&h.includes(n))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",f).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(n,c,h){var p;(p=super.attributeChangedCallback)===null||p===void 0||p.call(this,n,c,h);let j=this.constructor.getValidators(n);j!=null&&j.length&&this.validationTarget&&this.setValue(d(this,w,"f"))}setValue(n){var c;g(this,t,!1,"f"),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,""),g(this,w,n,"f");let p=this.shouldFormValueUpdate()?n:null;this.internals.setFormValue(p),d(this,e,"m",L).call(this,p),this.valueChangedCallback&&this.valueChangedCallback(p),d(this,e,"m",f).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(n=>n(d(this,F,"f")))}formResetCallback(){var n,c;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,e,"m",f).call(this),(n=this.resetFormControl)===null||n===void 0||n.call(this),(c=this.validationMessageCallback)===null||c===void 0||c.call(this,d(this,e,"m",f).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,l=new WeakMap,s=new WeakMap,i=new WeakMap,w=new WeakMap,C=new WeakMap,E=new WeakMap,T=new WeakMap,k=new WeakMap,M=new WeakMap,F=new WeakMap,e=new WeakSet,b=function(){let n=this.getRootNode(),c=`${this.localName}[name="${this.getAttribute("name")}"]`;return n.querySelectorAll(c)},f=function(){if(this.hasAttribute("disabled"))return!1;let n=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return n&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),n},L=function(n){let c=this.constructor,h={},p=c.validators,z=[],j=p.some(y=>y.isValid instanceof Promise);d(this,M,"f")||(g(this,F,new Promise(y=>{g(this,k,y,"f")}),"f"),g(this,M,!0,"f")),d(this,l,"f")&&(d(this,l,"f").abort(),g(this,s,d(this,l,"f"),"f"));let A=new AbortController;g(this,l,A,"f");let q,oe=!1;p.length&&(p.forEach(y=>{let U=y.key||"customError",P=y.isValid(this,n,A.signal);P instanceof Promise?(z.push(P),P.then(H=>{H!=null&&(h[U]=!H,q=d(this,e,"m",Z).call(this,y,n),d(this,e,"m",$).call(this,h,q))})):(h[U]=!P,this.validity[U]!==!P&&(oe=!0),!P&&!q&&(q=d(this,e,"m",Z).call(this,y,n)))}),Promise.allSettled(z).then(()=>{var y;A!=null&&A.signal.aborted||(g(this,M,!1,"f"),(y=d(this,k,"f"))===null||y===void 0||y.call(this))}),(oe||!j)&&d(this,e,"m",$).call(this,h,q))},$=function(n,c){if(this.validationTarget)this.internals.setValidity(n,c,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(n,c),this.internals.validity.valid)return;g(this,i,!0,"f")}},Z=function(n,c){if(this.validityCallback){let h=this.validityCallback(n.key||"customError");if(h)return h}return n.message instanceof Function?n.message(this,c):n.message},Te}import{html as X,LitElement as Le,nothing as or}from"lit";import{property as m,query as tr}from"lit/decorators.js";var Ue=["en","nb","fi","da","sv"],ee="en",D=o=>Ue.find(e=>o===e||o.toLowerCase().includes(e))||ee;function me(){if(typeof window=="undefined"){let o=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return D(o)}try{let o=pe(document);if(o)return D(o);let e=Je();if(e)return D(e);let r=pe(xe());return r?D(r):ee}catch(o){return console.warn("could not detect locale, falling back to source locale",o),ee}}var we=(o,e,r,t,a)=>{_.load("en",o),_.load("nb",e),_.load("fi",r),_.load("da",t),_.load("sv",a);let l=me();_.activate(l),fe(),Ge()},He="warp-i18n-change";function fe(){typeof window!="undefined"&&window.dispatchEvent(new Event(He))}var ge=!1;function Ge(){if(ge||typeof window=="undefined"||!(document!=null&&document.documentElement))return;ge=!0;let o=()=>{let a=me();_.locale!==a&&(_.activate(a),fe())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){o();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=xe();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let t=Be();t&&e.observe(t,{attributes:!0,attributeFilter:["lang"]})}function xe(){var o,e;try{return(e=(o=window.parent)==null?void 0:o.document)!=null?e:null}catch(r){return null}}function pe(o){var e,r;try{return(r=(e=o==null?void 0:o.documentElement)==null?void 0:e.lang)!=null?r:""}catch(t){return""}}function Be(){var o;try{return(o=window.frameElement)!=null?o:null}catch(e){return null}}function Je(){var o,e,r;try{return(r=(e=(o=window.frameElement)==null?void 0:o.getAttribute)==null?void 0:e.call(o,"lang"))!=null?r:""}catch(t){return""}}import{html as We,LitElement as _e,nothing as er}from"lit";import{property as S}from"lit/decorators.js";import{css as ke}from"lit";var R=ke`
10
10
  *,
11
11
  :before,
12
12
  :after {
@@ -279,7 +279,7 @@ Please compile your catalog first.
279
279
  svg {
280
280
  pointer-events: none;
281
281
  }
282
- `,vr=xe`*, :before, :after {
282
+ `,br=ke`*, :before, :after {
283
283
  --w-rotate: 0;
284
284
  --w-rotate-x: 0;
285
285
  --w-rotate-y: 0;
@@ -2445,7 +2445,7 @@ Please compile your catalog first.
2445
2445
  display: none
2446
2446
  }
2447
2447
  }
2448
- `;import{css as Je}from"lit";var ke=Je`
2448
+ `;import{css as Ke}from"lit";var ye=Ke`
2449
2449
  /* If not a link variant this should look like a button */
2450
2450
  :host(:not([variant="link"])) {
2451
2451
  --_background: var(--background, var(--w-s-color-background));
@@ -2656,17 +2656,17 @@ Please compile your catalog first.
2656
2656
  width: 100%;
2657
2657
  max-width: 100%;
2658
2658
  }
2659
- `;var _e=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],x=class extends ye{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!_e.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2660
- ${_e.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return Ke`
2659
+ `;var ze=["primary","secondary","negative","negativeQuiet","utility","utilityQuiet","quiet","link","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],x=class extends _e{constructor(){super(...arguments);this.autofocus=!1;this.small=!1;this.disabled=!1;this.fullWidth=!1}connectedCallback(){if(super.connectedCallback(),this.variant&&!ze.includes(this.variant))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2660
+ ${ze.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0)}render(){return We`
2661
2661
  <a
2662
2662
  href="${this.href}"
2663
2663
  target="${this.target}"
2664
- rel="${this.target==="_blank"?this.rel||"noopener":We}"
2664
+ rel="${this.target==="_blank"?this.rel||"noopener":er}"
2665
2665
  tabindex="0"
2666
2666
  >
2667
2667
  <slot></slot>
2668
2668
  </a>
2669
- `}};x.shadowRootOptions={...ye.shadowRootOptions,delegatesFocus:!0},x.styles=[X,ke],b([S({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),b([S({reflect:!0})],x.prototype,"variant",2),b([S({type:Boolean,reflect:!0})],x.prototype,"small",2),b([S({reflect:!0})],x.prototype,"href",2),b([S({type:Boolean,reflect:!0})],x.prototype,"disabled",2),b([S({reflect:!0})],x.prototype,"target",2),b([S({reflect:!0})],x.prototype,"rel",2),b([S({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);var ze=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ce=JSON.parse('{"button.aria.loading":["Loading..."]}');var Me=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Fe=JSON.parse('{"button.aria.loading":["Laster..."]}');var Ee=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as er}from"lit";var Ve=er`
2669
+ `}};x.shadowRootOptions={..._e.shadowRootOptions,delegatesFocus:!0},x.styles=[R,ye],v([S({type:Boolean,reflect:!0})],x.prototype,"autofocus",2),v([S({reflect:!0})],x.prototype,"variant",2),v([S({type:Boolean,reflect:!0})],x.prototype,"small",2),v([S({reflect:!0})],x.prototype,"href",2),v([S({type:Boolean,reflect:!0})],x.prototype,"disabled",2),v([S({reflect:!0})],x.prototype,"target",2),v([S({reflect:!0})],x.prototype,"rel",2),v([S({attribute:"full-width",type:Boolean,reflect:!0})],x.prototype,"fullWidth",2);customElements.get("w-link")||customElements.define("w-link",x);var Ce=JSON.parse('{"button.aria.loading":["Indl\xE6ser..."]}');var Ee=JSON.parse('{"button.aria.loading":["Loading..."]}');var Me=JSON.parse('{"button.aria.loading":["Ladataan..."]}');var Fe=JSON.parse('{"button.aria.loading":["Laster..."]}');var Ve=JSON.parse('{"button.aria.loading":["Laddar ..."]}');import{css as rr}from"lit";var Se=rr`
2670
2670
  :host {
2671
2671
  /* Local scoped variables, given the default button (the secondary variant) as a default */
2672
2672
  --_background: var(--background, var(--w-s-color-background));
@@ -2946,8 +2946,8 @@ ${_e.join(", ")}.`)}firstUpdated(){this.autofocus&&setTimeout(()=>this.focus(),0
2946
2946
  background-position: 60px 0;
2947
2947
  }
2948
2948
  }
2949
- `;import{ifDefined as or}from"lit/directives/if-defined.js";var Le=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],q,u=class extends ue(Se){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;ie(this,q,null);we(Ce,Fe,Me,ze,Ee),this.ariaValueTextLoading=_.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(!Le.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2950
- ${Le.join(", ")}.`);ne(this,q,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=ae(this,q)}render(){let r=this.variant||"secondary";return Z` ${this.href?Z`
2949
+ `;import{ifDefined as re}from"lit/directives/if-defined.js";var Ie=["primary","secondary","negative","negativeQuiet","utility","pill","link","quiet","utilityQuiet","overlay","overlayInverted","overlayQuiet","overlayInvertedQuiet"],N,u=class extends he(Le){constructor(){super();this.autofocus=!1;this.quiet=!1;this.iconOnly=!1;this.small=!1;this.loading=!1;this.disabled=!1;this.fullWidth=!1;ne(this,N,null);we(Ee,Fe,Me,Ce,Ve),this.ariaValueTextLoading=_.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(!Ie.includes(r))throw new Error(`Invalid "variant" attribute. Set its value to one of the following:
2950
+ ${Ie.join(", ")}.`);se(this,N,this.value)}closestWithId(r){var l;let t=this.shadowRoot,a=null;try{for(;t;){if(a=t.getElementById(r),a)return a;t=(l=t.getRootNode().host)==null?void 0:l.getRootNode()}}catch(s){}return document.getElementById(r)}firstUpdated(){this.autofocus&&!this.href&&setTimeout(()=>this.focus(),0),this.buttonEl&&this.commandfor&&(this.buttonEl.commandForElement=this.closestWithId(this.commandfor))}_handleButtonClick(){this.type==="submit"?this.internals.form.requestSubmit():this.type==="reset"&&this.internals.form.reset()}resetFormControl(){this.value=ie(this,N)}render(){let r=this.variant||"secondary";return X` ${this.href?X`
2951
2951
  <w-link
2952
2952
  href=${this.href}
2953
2953
  target=${this.target}
@@ -2961,19 +2961,21 @@ ${Le.join(", ")}.`);ne(this,q,this.value)}firstUpdated(){this.autofocus&&!this.h
2961
2961
  >
2962
2962
  <slot></slot>
2963
2963
  </w-link>
2964
- `:Z`
2964
+ `:X`
2965
2965
  <button
2966
2966
  type=${this.type||"button"}
2967
- class=${or(this.buttonClass)}
2967
+ class=${re(this.buttonClass)}
2968
2968
  @click="${this._handleButtonClick}"
2969
+ commandfor=${re(this.commandfor)}
2970
+ command=${re(this.command)}
2969
2971
  >
2970
2972
  <slot></slot>
2971
2973
  </button>
2972
2974
  `}
2973
- ${this.loading?Z`<span
2975
+ ${this.loading?X`<span
2974
2976
  class="sr-only"
2975
2977
  role="progressbar"
2976
2978
  aria-valuenow="{0}"
2977
2979
  aria-valuetext=${this.ariaValueTextLoading}
2978
- ></span>`:rr}`}};q=new WeakMap,u.styles=[X,Ve],u.shadowRootOptions={...Se.shadowRootOptions,delegatesFocus:!0},b([w({reflect:!0})],u.prototype,"type",2),b([w({type:Boolean,reflect:!0})],u.prototype,"autofocus",2),b([w({reflect:!0})],u.prototype,"variant",2),b([w({type:Boolean,reflect:!0})],u.prototype,"quiet",2),b([w({type:Boolean,reflect:!0,attribute:"icon-only"})],u.prototype,"iconOnly",2),b([w({type:Boolean,reflect:!0})],u.prototype,"small",2),b([w({type:Boolean,reflect:!0})],u.prototype,"loading",2),b([w({reflect:!0})],u.prototype,"href",2),b([w({reflect:!0})],u.prototype,"target",2),b([w({type:Boolean,reflect:!0})],u.prototype,"disabled",2),b([w({reflect:!0})],u.prototype,"rel",2),b([w({attribute:"full-width",type:Boolean,reflect:!0})],u.prototype,"fullWidth",2),b([w({attribute:"button-class",reflect:!0})],u.prototype,"buttonClass",2),b([w({reflect:!0})],u.prototype,"name",2),b([w({reflect:!0})],u.prototype,"value",2);customElements.get("w-button")||customElements.define("w-button",u);export{u as WarpButton};
2980
+ ></span>`:or}`}};N=new WeakMap,u.styles=[R,Se],u.shadowRootOptions={...Le.shadowRootOptions,delegatesFocus:!0},v([m({reflect:!0})],u.prototype,"type",2),v([m({type:Boolean,reflect:!0})],u.prototype,"autofocus",2),v([m({reflect:!0})],u.prototype,"variant",2),v([m({type:Boolean,reflect:!0})],u.prototype,"quiet",2),v([m({type:Boolean,reflect:!0,attribute:"icon-only"})],u.prototype,"iconOnly",2),v([m({type:Boolean,reflect:!0})],u.prototype,"small",2),v([m({type:Boolean,reflect:!0})],u.prototype,"loading",2),v([m({reflect:!0})],u.prototype,"href",2),v([m({reflect:!0})],u.prototype,"target",2),v([m({type:Boolean,reflect:!0})],u.prototype,"disabled",2),v([m({reflect:!0})],u.prototype,"rel",2),v([m({attribute:"full-width",type:Boolean,reflect:!0})],u.prototype,"fullWidth",2),v([m({attribute:"button-class",reflect:!0})],u.prototype,"buttonClass",2),v([m({reflect:!0})],u.prototype,"name",2),v([m({reflect:!0})],u.prototype,"value",2),v([m()],u.prototype,"commandfor",2),v([m()],u.prototype,"command",2),v([tr("button")],u.prototype,"buttonEl",2);customElements.get("w-button")||customElements.define("w-button",u);export{u as WarpButton};
2979
2981
  //# sourceMappingURL=button.js.map