@hotosm/ui 0.3.1-b3 → 0.3.1-b5

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 (30) hide show
  1. package/README.md +10 -8
  2. package/dist/chunks/chunk.2MK55PUE.js +700 -0
  3. package/dist/chunks/{callout.USQGOL5A.js → chunk.3NBBS2A2.js} +2 -2
  4. package/dist/chunks/{chunk.4YLAIDAG.js → chunk.7RJ72M75.js} +3 -3
  5. package/dist/chunks/{chunk.IWVLJ74K.js → chunk.MIYFUINI.js} +2 -2
  6. package/dist/chunks/{chunk.XCJG4HAO.js → chunk.PDLGEB7T.js} +3 -3
  7. package/dist/chunks/chunk.V7FZQXWL.js +667 -0
  8. package/dist/components/consent/consent.component.d.ts +3 -0
  9. package/dist/components/consent/consent.component.js +1 -1
  10. package/dist/components/consent/consent.js +1 -1
  11. package/dist/components/header/header.component.d.ts +4 -0
  12. package/dist/components/header/header.component.js +1 -1
  13. package/dist/components/header/header.js +1 -1
  14. package/dist/components/logo/logo.component.js +1 -1
  15. package/dist/components/logo/logo.js +1 -1
  16. package/dist/components/tracking/tracking.component.d.ts +3 -0
  17. package/dist/components/tracking/tracking.component.js +1 -1
  18. package/dist/components/tracking/tracking.js +1 -1
  19. package/dist/hotosm-ui.js +1 -1
  20. package/package.json +1 -1
  21. package/dist/chunks/button.LEHBRWP3.js +0 -1
  22. package/dist/chunks/chunk.7VBX4GII.js +0 -1
  23. package/dist/chunks/chunk.BPVA67NM.js +0 -94
  24. package/dist/chunks/chunk.FIQQYKEP.js +0 -14
  25. package/dist/chunks/chunk.KPZVTN5G.js +0 -460
  26. package/dist/chunks/chunk.OHRBDQCO.js +0 -45
  27. package/dist/chunks/chunk.TFICHQZE.js +0 -186
  28. package/dist/chunks/dialog.7CZCE2KM.js +0 -217
  29. package/dist/chunks/icon.ZB6BUFKB.js +0 -1
  30. package/dist/chunks/tab-group.JN54CODM.js +0 -360
@@ -1,460 +0,0 @@
1
- import{a as F,b as j}from"./chunk.TFICHQZE.js";import{a as R}from"./chunk.OHRBDQCO.js";import{a,b as y}from"./chunk.FIQQYKEP.js";import{a as w,b as s,c as x,d as $}from"./chunk.6ZDEZIWM.js";import{e as g,f as z,g as M,h as O,i as U}from"./chunk.U4P7XQR4.js";var S=new Set,b=new Map,f,V="ltr",T="en",H=typeof MutationObserver!="undefined"&&typeof document!="undefined"&&typeof document.documentElement!="undefined";if(H){let t=new MutationObserver(W);V=document.documentElement.dir||"ltr",T=document.documentElement.lang||navigator.language,t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function v(...t){t.map(e=>{let r=e.$code.toLowerCase();b.has(r)?b.set(r,Object.assign(Object.assign({},b.get(r)),e)):b.set(r,e),f||(f=e)}),W()}function W(){H&&(V=document.documentElement.dir||"ltr",T=document.documentElement.lang||navigator.language),[...S.keys()].map(t=>{typeof t.requestUpdate=="function"&&t.requestUpdate()})}var E=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){S.add(this.host)}hostDisconnected(){S.delete(this.host)}dir(){return`${this.host.dir||V}`.toLowerCase()}lang(){return`${this.host.lang||T}`.toLowerCase()}getTranslationData(e){var r,n;let i=new Intl.Locale(e.replace(/_/g,"-")),o=i==null?void 0:i.language.toLowerCase(),d=(n=(r=i==null?void 0:i.region)===null||r===void 0?void 0:r.toLowerCase())!==null&&n!==void 0?n:"",c=b.get(`${o}-${d}`),m=b.get(o);return{locale:i,language:o,region:d,primary:c,secondary:m}}exists(e,r){var n;let{primary:i,secondary:o}=this.getTranslationData((n=r.lang)!==null&&n!==void 0?n:this.lang());return r=Object.assign({includeFallback:!1},r),!!(i&&i[e]||o&&o[e]||r.includeFallback&&f&&f[e])}term(e,...r){let{primary:n,secondary:i}=this.getTranslationData(this.lang()),o;if(n&&n[e])o=n[e];else if(i&&i[e])o=i[e];else if(f&&f[e])o=f[e];else return console.error(`No translation found for: ${String(e)}`),String(e);return typeof o=="function"?o(...r):o}date(e,r){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),r).format(e)}number(e,r){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),r).format(e)}relativeTime(e,r,n){return new Intl.RelativeTimeFormat(this.lang(),n).format(e,r)}};var K={$code:"en",$name:"English",$dir:"ltr",carousel:"Carousel",clearEntry:"Clear entry",close:"Close",copied:"Copied",copy:"Copy",currentValue:"Current value",error:"Error",goToSlide:(t,e)=>`Go to slide ${t} of ${e}`,hidePassword:"Hide password",loading:"Loading",nextSlide:"Next slide",numOptionsSelected:t=>t===0?"No options selected":t===1?"1 option selected":`${t} options selected`,previousSlide:"Previous slide",progress:"Progress",remove:"Remove",resize:"Resize",scrollableRegion:"Scrollable region",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",slideNum:t=>`Slide ${t}`,toggleColorFormat:"Toggle color format",zoomIn:"Zoom in",zoomOut:"Zoom out"};v(K);var P=K;var _=class extends E{};v(P);var X=()=>({checkValidity(t){let e=t.input,r={message:"",isValid:!0,invalidKeys:[]};if(!e)return r;let n=!0;if("checkValidity"in e&&(n=e.checkValidity()),n)return r;if(r.isValid=!1,"validationMessage"in e&&(r.message=e.validationMessage),!("validity"in e))return r.invalidKeys.push("customError"),r;for(let i in e.validity){if(i==="valid")continue;let o=i;e.validity[o]&&r.invalidKeys.push(o)}return r}});var A=class extends Event{constructor(){super("wa-invalid",{bubbles:!0,cancelable:!1,composed:!0})}},et=()=>({observedAttributes:["custom-error"],checkValidity(t){let e={message:"",isValid:!0,invalidKeys:[]};return t.customError&&(e.message=t.customError,e.isValid=!1,e.invalidKeys=["customError"]),e}}),h=class extends y{constructor(){super(),this.name=null,this.disabled=!1,this.required=!1,this.assumeInteractionOn=["input"],this.validators=[],this.valueHasChanged=!1,this.hasInteracted=!1,this.customError=null,this.emittedEvents=[],this.emitInvalid=t=>{t.target===this&&(this.hasInteracted=!0,this.dispatchEvent(new A))},this.handleInteraction=t=>{var r;let e=this.emittedEvents;e.includes(t.type)||e.push(t.type),e.length===((r=this.assumeInteractionOn)==null?void 0:r.length)&&(this.hasInteracted=!0)},!1||this.addEventListener("invalid",this.emitInvalid)}static get validators(){return[et()]}static get observedAttributes(){let t=new Set(super.observedAttributes||[]);for(let e of this.validators)if(e.observedAttributes)for(let r of e.observedAttributes)t.add(r);return[...t]}connectedCallback(){super.connectedCallback(),this.updateValidity(),this.assumeInteractionOn.forEach(t=>{this.addEventListener(t,this.handleInteraction)})}firstUpdated(...t){super.firstUpdated(...t),this.updateValidity()}willUpdate(t){if(!!1&&t.has("customError")&&(this.customError||(this.customError=null),this.setCustomValidity(this.customError||"")),t.has("value")||t.has("disabled")){let e=this.value;if(Array.isArray(e)){if(this.name){let r=new FormData;for(let n of e)r.append(this.name,n);this.setValue(r,r)}}else this.setValue(e,e)}t.has("disabled")&&(this.customStates.set("disabled",this.disabled),(this.hasAttribute("disabled")||!!1&&!this.matches(":disabled"))&&this.toggleAttribute("disabled",this.disabled)),this.updateValidity(),super.willUpdate(t)}get labels(){return this.internals.labels}getForm(){return this.internals.form}get validity(){return this.internals.validity}get willValidate(){return this.internals.willValidate}get validationMessage(){return this.internals.validationMessage}checkValidity(){return this.updateValidity(),this.internals.checkValidity()}reportValidity(){return this.updateValidity(),this.hasInteracted=!0,this.internals.reportValidity()}get validationTarget(){return this.input||void 0}setValidity(...t){let e=t[0],r=t[1],n=t[2];n||(n=this.validationTarget),this.internals.setValidity(e,r,n||void 0),this.requestUpdate("validity"),this.setCustomStates()}setCustomStates(){let t=!!this.required,e=this.internals.validity.valid,r=this.hasInteracted;this.customStates.set("required",t),this.customStates.set("optional",!t),this.customStates.set("invalid",!e),this.customStates.set("valid",e),this.customStates.set("user-invalid",!e&&r),this.customStates.set("user-valid",e&&r)}setCustomValidity(t){if(!t){this.customError=null,this.setValidity({});return}this.customError=t,this.setValidity({customError:!0},t,this.validationTarget)}formResetCallback(){this.resetValidity(),this.hasInteracted=!1,this.valueHasChanged=!1,this.emittedEvents=[],this.updateValidity()}formDisabledCallback(t){this.disabled=t,this.updateValidity()}formStateRestoreCallback(t,e){this.value=t,e==="restore"&&this.resetValidity(),this.updateValidity()}setValue(...t){let[e,r]=t;this.internals.setFormValue(e,r)}get allValidators(){let t=this.constructor.validators||[],e=this.validators||[];return[...t,...e]}resetValidity(){this.setCustomValidity(""),this.setValidity({})}updateValidity(){if(this.disabled||this.hasAttribute("disabled")||!this.willValidate){this.resetValidity();return}let t=this.allValidators;if(!(t!=null&&t.length))return;let e={customError:!!this.customError},r=this.validationTarget||this.input||void 0,n="";for(let i of t){let{isValid:o,message:d,invalidKeys:c}=i.checkValidity(this);o||(n||(n=d),(c==null?void 0:c.length)>=0&&c.forEach(m=>e[m]=!0))}n||(n=this.validationMessage),this.setValidity(e,n,r)}};h.formAssociated=!0;a([s({reflect:!0})],h.prototype,"name",2);a([s({type:Boolean})],h.prototype,"disabled",2);a([s({state:!0,attribute:!1})],h.prototype,"valueHasChanged",2);a([s({state:!0,attribute:!1})],h.prototype,"hasInteracted",2);a([s({attribute:"custom-error",reflect:!0})],h.prototype,"customError",2);a([s({attribute:!1,state:!0,type:Object})],h.prototype,"validity",1);var Z=class{constructor(t,...e){this.slotNames=[],this.handleSlotChange=r=>{let n=r.target;(this.slotNames.includes("[default]")&&!n.name||n.name&&this.slotNames.includes(n.name))&&this.host.requestUpdate()},(this.host=t).addController(this),this.slotNames=e}hasDefaultSlot(){return[...this.host.childNodes].some(t=>{if(t.nodeType===Node.TEXT_NODE&&t.textContent.trim()!=="")return!0;if(t.nodeType===Node.ELEMENT_NODE){let e=t;if(e.tagName.toLowerCase()==="wa-visually-hidden")return!1;if(!e.hasAttribute("slot"))return!0}return!1})}hasNamedSlot(t){return this.host.querySelector(`:scope > [slot="${t}"]`)!==null}test(t){return t==="[default]"?this.hasDefaultSlot():this.hasNamedSlot(t)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}};var G={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Y=t=>(...e)=>({_$litDirective$:t,values:e}),k=class{constructor(e){}get _$AU(){return this._$AM._$AU}_$AT(e,r,n){this._$Ct=e,this._$AM=r,this._$Ci=n}_$AS(e,r){return this.update(e,r)}update(e,r){return this.render(...r)}};var J=Y(class extends k{constructor(t){var e;if(super(t),t.type!==G.ATTRIBUTE||t.name!=="class"||((e=t.strings)==null?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter(e=>t[e]).join(" ")+" "}update(t,[e]){var n,i;if(this.st===void 0){this.st=new Set,t.strings!==void 0&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter(o=>o!=="")));for(let o in e)e[o]&&!((n=this.nt)!=null&&n.has(o))&&this.st.add(o);return this.render(e)}let r=t.element.classList;for(let o of this.st)o in e||(r.remove(o),this.st.delete(o));for(let o in e){let d=!!e[o];d===this.st.has(o)||(i=this.nt)!=null&&i.has(o)||(d?(r.add(o),this.st.add(o)):(r.remove(o),this.st.delete(o)))}return O}});var u=t=>t!=null?t:U;var tt=Symbol.for(""),rt=t=>{if((t==null?void 0:t.r)===tt)return t==null?void 0:t._$litStatic$};var L=(t,...e)=>({_$litStatic$:e.reduce((r,n,i)=>r+(o=>{if(o._$litStatic$!==void 0)return o._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${o}. Use 'unsafeStatic' to pass non-literal values, but
2
- take care to ensure page security.`)})(n)+t[i+1],t[0]),r:tt}),Q=new Map,N=t=>(e,...r)=>{let n=r.length,i,o,d=[],c=[],m,p=0,D=!1;for(;p<n;){for(m=e[p];p<n&&(o=r[p],(i=rt(o))!==void 0);)m+=i+e[++p],D=!0;p!==n&&c.push(o),d.push(m),p++}if(p===n&&d.push(e[n]),D){let B=d.join("$$lit$$");(e=Q.get(B))===void 0&&(d.raw=d,Q.set(B,e=d)),r=c}return t(e,...r)},C=N(g),Dt=N(z),Bt=N(M);var nt=`@layer wa-component {
3
- :host {
4
- display: inline-block;
5
- position: relative;
6
- }
7
- }
8
-
9
- .button {
10
- display: inline-flex;
11
- align-items: center;
12
- justify-content: center;
13
- text-decoration: none;
14
- user-select: none;
15
- -webkit-user-select: none;
16
- white-space: nowrap;
17
- vertical-align: middle;
18
- transition-property: background, border, box-shadow, color;
19
- transition-duration: var(--wa-transition-fast);
20
- transition-timing-function: var(--wa-transition-easing);
21
- cursor: pointer;
22
- padding: 0 var(--wa-form-control-padding-inline);
23
- font-family: inherit;
24
- font-size: inherit;
25
- font-weight: var(--wa-font-weight-action);
26
- line-height: calc(var(--wa-form-control-height) - var(--border-width) * 2);
27
- height: var(--wa-form-control-height);
28
- width: 100%;
29
-
30
- background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
31
- border-color: transparent;
32
- color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud));
33
- border-radius: var(--wa-form-control-border-radius);
34
- border-style: var(--wa-border-style);
35
- border-width: var(--wa-border-width-s);
36
- }
37
-
38
- /* Appearance modifiers */
39
- :host([appearance~='plain']) {
40
- .button {
41
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
42
- background-color: transparent;
43
- border-color: transparent;
44
- }
45
- @media (hover: hover) {
46
- .button:not(.disabled):not(.loading):hover {
47
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
48
- background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet));
49
- }
50
- }
51
- .button:not(.disabled):not(.loading):active {
52
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
53
- background-color: color-mix(
54
- in oklab,
55
- var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)),
56
- var(--wa-color-mix-active)
57
- );
58
- }
59
- }
60
-
61
- :host([appearance~='outlined']) {
62
- .button {
63
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
64
- background-color: transparent;
65
- border-color: var(--wa-color-border-loud, var(--wa-color-neutral-border-loud));
66
- }
67
- @media (hover: hover) {
68
- .button:not(.disabled):not(.loading):hover {
69
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
70
- background-color: var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet));
71
- }
72
- }
73
- .button:not(.disabled):not(.loading):active {
74
- color: var(--wa-color-on-quiet, var(--wa-color-neutral-on-quiet));
75
- background-color: color-mix(
76
- in oklab,
77
- var(--wa-color-fill-quiet, var(--wa-color-neutral-fill-quiet)),
78
- var(--wa-color-mix-active)
79
- );
80
- }
81
- }
82
-
83
- :host([appearance~='filled']) {
84
- .button {
85
- color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
86
- background-color: var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal));
87
- border-color: transparent;
88
- }
89
- @media (hover: hover) {
90
- .button:not(.disabled):not(.loading):hover {
91
- color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
92
- background-color: color-mix(
93
- in oklab,
94
- var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)),
95
- var(--wa-color-mix-hover)
96
- );
97
- }
98
- }
99
- .button:not(.disabled):not(.loading):active {
100
- color: var(--wa-color-on-normal, var(--wa-color-neutral-on-normal));
101
- background-color: color-mix(
102
- in oklab,
103
- var(--wa-color-fill-normal, var(--wa-color-neutral-fill-normal)),
104
- var(--wa-color-mix-active)
105
- );
106
- }
107
-
108
- &:host([appearance~='outlined']) .button {
109
- border-color: var(--wa-color-border-normal, var(--wa-color-neutral-border-normal));
110
- }
111
- }
112
-
113
- :host([appearance~='accent']) {
114
- .button {
115
- color: var(--wa-color-on-loud, var(--wa-color-neutral-on-loud));
116
- background-color: var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud));
117
- border-color: transparent;
118
- }
119
- @media (hover: hover) {
120
- .button:not(.disabled):not(.loading):hover {
121
- background-color: color-mix(
122
- in oklab,
123
- var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)),
124
- var(--wa-color-mix-hover)
125
- );
126
- }
127
- }
128
- .button:not(.disabled):not(.loading):active {
129
- background-color: color-mix(
130
- in oklab,
131
- var(--wa-color-fill-loud, var(--wa-color-neutral-fill-loud)),
132
- var(--wa-color-mix-active)
133
- );
134
- }
135
- }
136
-
137
- /* Focus states */
138
- .button:focus {
139
- outline: none;
140
- }
141
-
142
- .button:focus-visible {
143
- outline: var(--wa-focus-ring);
144
- outline-offset: var(--wa-focus-ring-offset);
145
- }
146
-
147
- /* Disabled state */
148
- .button.disabled {
149
- opacity: 0.5;
150
- cursor: not-allowed;
151
- }
152
-
153
- /* When disabled, prevent mouse events from bubbling up from children */
154
- .button.disabled * {
155
- pointer-events: none;
156
- }
157
-
158
- /* Keep it last so Safari doesn't stop parsing this block */
159
- .button::-moz-focus-inner {
160
- border: 0;
161
- }
162
-
163
- /* Icon buttons */
164
- .button.is-icon-button {
165
- outline-offset: 2px;
166
- width: var(--wa-form-control-height);
167
- aspect-ratio: 1;
168
- }
169
-
170
- /* Pill modifier */
171
- :host([pill]) .button {
172
- border-radius: var(--wa-border-radius-pill);
173
- }
174
-
175
- /*
176
- * Label
177
- */
178
-
179
- .start,
180
- .end {
181
- flex: 0 0 auto;
182
- display: flex;
183
- align-items: center;
184
- pointer-events: none;
185
- }
186
-
187
- .label {
188
- display: flex;
189
- }
190
-
191
- .label::slotted(wa-icon) {
192
- align-self: center;
193
- }
194
-
195
- /*
196
- * Caret modifier
197
- */
198
-
199
- wa-icon[part~='caret'] {
200
- display: flex;
201
- align-self: center;
202
- align-items: center;
203
-
204
- &::part(svg) {
205
- width: 0.875em;
206
- height: 0.875em;
207
- }
208
-
209
- .button:has(&) .end {
210
- display: none;
211
- }
212
- }
213
-
214
- /*
215
- * Loading modifier
216
- */
217
-
218
- .loading {
219
- position: relative;
220
- cursor: wait;
221
-
222
- .start,
223
- .label,
224
- .end,
225
- .caret {
226
- visibility: hidden;
227
- }
228
-
229
- wa-spinner {
230
- --indicator-color: currentColor;
231
- --track-color: color-mix(in oklab, currentColor, transparent 90%);
232
-
233
- position: absolute;
234
- font-size: 1em;
235
- height: 1em;
236
- width: 1em;
237
- top: calc(50% - 0.5em);
238
- left: calc(50% - 0.5em);
239
- }
240
- }
241
-
242
- /*
243
- * Badges
244
- */
245
-
246
- button ::slotted(wa-badge) {
247
- border-color: var(--wa-color-surface-default);
248
- position: absolute;
249
- inset-block-start: 0;
250
- inset-inline-end: 0;
251
- translate: 50% -50%;
252
- pointer-events: none;
253
- }
254
-
255
- :host(:dir(rtl)) ::slotted(wa-badge) {
256
- translate: -50% -50%;
257
- }
258
-
259
- /*
260
- * Button spacing
261
- */
262
-
263
- slot[name='start']::slotted(*) {
264
- margin-inline-end: 0.75em;
265
- }
266
-
267
- slot[name='end']::slotted(*),
268
- .button:not(.visually-hidden-label) [part~='caret'] {
269
- margin-inline-start: 0.75em;
270
- }
271
-
272
- /*
273
- * Button group border radius modifications
274
- */
275
-
276
- /* Remove border radius from all grouped buttons by default */
277
- :host(.wa-button-group__button) .button {
278
- border-radius: 0;
279
- }
280
-
281
- /* Horizontal orientation */
282
- :host(.wa-button-group__horizontal.wa-button-group__button-first) .button {
283
- border-start-start-radius: var(--wa-form-control-border-radius);
284
- border-end-start-radius: var(--wa-form-control-border-radius);
285
- }
286
-
287
- :host(.wa-button-group__horizontal.wa-button-group__button-last) .button {
288
- border-start-end-radius: var(--wa-form-control-border-radius);
289
- border-end-end-radius: var(--wa-form-control-border-radius);
290
- }
291
-
292
- /* Vertical orientation */
293
- :host(.wa-button-group__vertical) {
294
- flex: 1 1 auto;
295
- }
296
-
297
- :host(.wa-button-group__vertical) .button {
298
- width: 100%;
299
- justify-content: start;
300
- }
301
-
302
- :host(.wa-button-group__vertical.wa-button-group__button-first) .button {
303
- border-start-start-radius: var(--wa-form-control-border-radius);
304
- border-start-end-radius: var(--wa-form-control-border-radius);
305
- }
306
-
307
- :host(.wa-button-group__vertical.wa-button-group__button-last) .button {
308
- border-end-start-radius: var(--wa-form-control-border-radius);
309
- border-end-end-radius: var(--wa-form-control-border-radius);
310
- }
311
-
312
- /* Handle pill modifier for button groups */
313
- :host([pill]) .wa-button-group__horizontal.wa-button-group__button-first {
314
- border-start-start-radius: var(--wa-border-radius-pill);
315
- border-end-start-radius: var(--wa-border-radius-pill);
316
- }
317
-
318
- :host([pill]) .wa-button-group__horizontal.wa-button-group__button-last {
319
- border-start-end-radius: var(--wa-border-radius-pill);
320
- border-end-end-radius: var(--wa-border-radius-pill);
321
- }
322
-
323
- :host([pill]) .wa-button-group__vertical.wa-button-group__button-first {
324
- border-start-start-radius: var(--wa-border-radius-pill);
325
- border-start-end-radius: var(--wa-border-radius-pill);
326
- }
327
-
328
- :host([pill]) .wa-button-group__vertical.wa-button-group__button-last {
329
- border-end-start-radius: var(--wa-border-radius-pill);
330
- border-end-end-radius: var(--wa-border-radius-pill);
331
- }
332
- `,l=class extends h{constructor(){super(...arguments),this.assumeInteractionOn=["click"],this.hasSlotController=new Z(this,"[default]","start","end"),this.localize=new _(this),this.invalid=!1,this.isIconButton=!1,this.title="",this.variant="neutral",this.appearance="accent",this.size="medium",this.withCaret=!1,this.disabled=!1,this.loading=!1,this.pill=!1,this.type="button",this.form=null}static get validators(){return[...super.validators,X()]}constructLightDOMButton(){let t=document.createElement("button");return t.type=this.type,t.style.position="absolute",t.style.width="0",t.style.height="0",t.style.clipPath="inset(50%)",t.style.overflow="hidden",t.style.whiteSpace="nowrap",this.name&&(t.name=this.name),t.value=this.value||"",["form","formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(e=>{this.hasAttribute(e)&&t.setAttribute(e,this.getAttribute(e))}),t}handleClick(){var r;if(!this.getForm())return;let e=this.constructLightDOMButton();(r=this.parentElement)==null||r.append(e),e.click(),e.remove()}handleInvalid(){this.dispatchEvent(new A)}handleLabelSlotChange(){let t=this.labelSlot.assignedNodes({flatten:!0}),e=!1,r=!1,n="";[...t].forEach(i=>{i.nodeType===Node.ELEMENT_NODE&&i.localName==="wa-icon"&&(r=!0,e||(e=i.hasAttribute("label"))),i.nodeType===Node.TEXT_NODE&&(n+=i.textContent)}),this.isIconButton=n.trim()===""&&r,this.isIconButton&&!e&&console.warn('Icon buttons must have a label for screen readers. Add <wa-icon label="..."> to remove this warning.',this)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.updateValidity()}setValue(...t){}click(){this.button.click()}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){let t=this.isLink(),e=t?L`a`:L`button`;return C`
333
- <${e}
334
- part="base"
335
- class=${J({button:!0,caret:this.withCaret,disabled:this.disabled,loading:this.loading,rtl:this.localize.dir()==="rtl","has-label":this.hasSlotController.test("[default]"),"has-start":this.hasSlotController.test("start"),"has-end":this.hasSlotController.test("end"),"is-icon-button":this.isIconButton})}
336
- ?disabled=${u(t?void 0:this.disabled)}
337
- type=${u(t?void 0:this.type)}
338
- title=${this.title}
339
- name=${u(t?void 0:this.name)}
340
- value=${u(t?void 0:this.value)}
341
- href=${u(t?this.href:void 0)}
342
- target=${u(t?this.target:void 0)}
343
- download=${u(t?this.download:void 0)}
344
- rel=${u(t&&this.rel?this.rel:void 0)}
345
- role=${u(t?void 0:"button")}
346
- aria-disabled=${this.disabled?"true":"false"}
347
- tabindex=${this.disabled?"-1":"0"}
348
- @invalid=${this.isButton()?this.handleInvalid:null}
349
- @click=${this.handleClick}
350
- >
351
- <slot name="start" part="start" class="start"></slot>
352
- <slot part="label" class="label" @slotchange=${this.handleLabelSlotChange}></slot>
353
- <slot name="end" part="end" class="end"></slot>
354
- ${this.withCaret?C`
355
- <wa-icon part="caret" class="caret" library="system" name="chevron-down" variant="solid"></wa-icon>
356
- `:""}
357
- ${this.loading?C`<wa-spinner part="spinner"></wa-spinner>`:""}
358
- </${e}>
359
- `}};l.css=[nt,j,F];a([$(".button")],l.prototype,"button",2);a([$("slot:not([name])")],l.prototype,"labelSlot",2);a([x()],l.prototype,"invalid",2);a([x()],l.prototype,"isIconButton",2);a([s()],l.prototype,"title",2);a([s({reflect:!0})],l.prototype,"variant",2);a([s({reflect:!0})],l.prototype,"appearance",2);a([s({reflect:!0})],l.prototype,"size",2);a([s({attribute:"with-caret",type:Boolean,reflect:!0})],l.prototype,"withCaret",2);a([s({type:Boolean})],l.prototype,"disabled",2);a([s({type:Boolean,reflect:!0})],l.prototype,"loading",2);a([s({type:Boolean,reflect:!0})],l.prototype,"pill",2);a([s()],l.prototype,"type",2);a([s({reflect:!0})],l.prototype,"name",2);a([s({reflect:!0})],l.prototype,"value",2);a([s({reflect:!0})],l.prototype,"href",2);a([s()],l.prototype,"target",2);a([s()],l.prototype,"rel",2);a([s()],l.prototype,"download",2);a([s({reflect:!0})],l.prototype,"form",2);a([s({attribute:"formaction"})],l.prototype,"formAction",2);a([s({attribute:"formenctype"})],l.prototype,"formEnctype",2);a([s({attribute:"formmethod"})],l.prototype,"formMethod",2);a([s({attribute:"formnovalidate",type:Boolean})],l.prototype,"formNoValidate",2);a([s({attribute:"formtarget"})],l.prototype,"formTarget",2);a([R("disabled",{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1);l=a([w("wa-button")],l);var ot=`:host {
360
- --track-width: 2px;
361
- --track-color: var(--wa-color-neutral-fill-normal);
362
- --indicator-color: var(--wa-color-brand-fill-loud);
363
- --speed: 2s;
364
-
365
- /* Resizing a spinner element using anything but font-size will break the animation because the animation uses em units.
366
- Therefore, if a spinner is used in a flex container without \`flex: none\` applied, the spinner can grow/shrink and
367
- break the animation. The use of \`flex: none\` on the host element prevents this by always having the spinner sized
368
- according to its actual dimensions.
369
- */
370
- flex: none;
371
- display: inline-flex;
372
- width: 1em;
373
- height: 1em;
374
- }
375
-
376
- svg {
377
- width: 100%;
378
- height: 100%;
379
- aspect-ratio: 1;
380
- animation: spin var(--speed) linear infinite;
381
- }
382
-
383
- .track {
384
- stroke: var(--track-color);
385
- }
386
-
387
- .indicator {
388
- stroke: var(--indicator-color);
389
- stroke-dasharray: 75, 100;
390
- stroke-dashoffset: -5;
391
- animation: dash 1.5s ease-in-out infinite;
392
- stroke-linecap: round;
393
- }
394
-
395
- @keyframes spin {
396
- 0% {
397
- transform: rotate(0deg);
398
- }
399
- 100% {
400
- transform: rotate(360deg);
401
- }
402
- }
403
-
404
- @keyframes dash {
405
- 0% {
406
- stroke-dasharray: 1, 150;
407
- stroke-dashoffset: 0;
408
- }
409
- 50% {
410
- stroke-dasharray: 90, 150;
411
- stroke-dashoffset: -35;
412
- }
413
- 100% {
414
- stroke-dasharray: 90, 150;
415
- stroke-dashoffset: -124;
416
- }
417
- }
418
- `,q=class extends y{constructor(){super(...arguments),this.localize=new _(this)}render(){return g`
419
- <svg
420
- part="base"
421
- role="progressbar"
422
- aria-label=${this.localize.term("loading")}
423
- fill="none"
424
- viewBox="0 0 50 50"
425
- xmlns="http://www.w3.org/2000/svg"
426
- >
427
- <circle class="track" cx="25" cy="25" r="20" fill="none" stroke-width="5" />
428
- <circle class="indicator" cx="25" cy="25" r="20" fill="none" stroke-width="5" />
429
- </svg>
430
- `}};q.css=ot;q=a([w("wa-spinner")],q);export{_ as a,J as b,Z as c,l as d};
431
- /*! Bundled license information:
432
-
433
- lit-html/directive.js:
434
- (**
435
- * @license
436
- * Copyright 2017 Google LLC
437
- * SPDX-License-Identifier: BSD-3-Clause
438
- *)
439
-
440
- lit-html/directives/class-map.js:
441
- (**
442
- * @license
443
- * Copyright 2018 Google LLC
444
- * SPDX-License-Identifier: BSD-3-Clause
445
- *)
446
-
447
- lit-html/directives/if-defined.js:
448
- (**
449
- * @license
450
- * Copyright 2018 Google LLC
451
- * SPDX-License-Identifier: BSD-3-Clause
452
- *)
453
-
454
- lit-html/static.js:
455
- (**
456
- * @license
457
- * Copyright 2020 Google LLC
458
- * SPDX-License-Identifier: BSD-3-Clause
459
- *)
460
- */
@@ -1,45 +0,0 @@
1
- import{a,b as $}from"./chunk.FIQQYKEP.js";import{a as M,b as n,c as _}from"./chunk.6ZDEZIWM.js";import{e as w,j as z}from"./chunk.U4P7XQR4.js";import{a as A}from"./chunk.NI7UJOOZ.js";function v(t,s){let e=A({waitUntilFirstUpdate:!1},s);return(o,i)=>{let{update:r}=o,h=Array.isArray(t)?t:[t];o.update=function(l){h.forEach(V=>{let u=V;if(l.has(u)){let x=l.get(u),C=this[u];x!==C&&(!e.waitUntilFirstUpdate||this.hasUpdated)&&this[i](x,C)}}),r.call(this,l)}}}var B=class extends Event{constructor(){super("wa-load",{bubbles:!0,cancelable:!1,composed:!0})}};var m="";function U(t){m=t}function T(){if(!m){let t=document.querySelector("[data-fa-kit-code]");t&&U(t.getAttribute("data-fa-kit-code")||"")}return m}function F(t,s,e){let o=T(),i=o.length>0,r="solid";return s==="classic"&&(e==="thin"&&(r="thin"),e==="light"&&(r="light"),e==="regular"&&(r="regular"),e==="solid"&&(r="solid")),s==="sharp"&&(e==="thin"&&(r="sharp-thin"),e==="light"&&(r="sharp-light"),e==="regular"&&(r="sharp-regular"),e==="solid"&&(r="sharp-solid")),s==="duotone"&&(e==="thin"&&(r="duotone-thin"),e==="light"&&(r="duotone-light"),e==="regular"&&(r="duotone-regular"),e==="solid"&&(r="duotone")),s==="sharp-duotone"&&(e==="thin"&&(r="sharp-duotone-thin"),e==="light"&&(r="sharp-duotone-light"),e==="regular"&&(r="sharp-duotone-regular"),e==="solid"&&(r="sharp-duotone-solid")),s==="brands"&&(r="brands"),i?`https://ka-p.fontawesome.com/releases/v6.7.2/svgs/${r}/${t}.svg?token=${encodeURIComponent(o)}`:`https://ka-f.fontawesome.com/releases/v6.7.2/svgs/${r}/${t}.svg`}var P={name:"default",resolver:(t,s="classic",e="solid")=>F(t,s,e)},I=P;function D(t){return`data:image/svg+xml,${encodeURIComponent(t)}`}var f={solid:{check:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>',"chevron-down":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>',"chevron-left":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>',"chevron-right":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>',circle:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg>',eyedropper:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M341.6 29.2L240.1 130.8l-9.4-9.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-9.4-9.4L482.8 170.4c39-39 39-102.2 0-141.1s-102.2-39-141.1 0zM55.4 323.3c-15 15-23.4 35.4-23.4 56.6v42.4L5.4 462.2c-8.5 12.7-6.8 29.6 4 40.4s27.7 12.5 40.4 4L89.7 480h42.4c21.2 0 41.6-8.4 56.6-23.4L309.4 335.9l-45.3-45.3L143.4 411.3c-3 3-7.1 4.7-11.3 4.7H96V379.9c0-4.2 1.7-8.3 4.7-11.3L221.4 247.9l-45.3-45.3L55.4 323.3z"/></svg>',"grip-vertical":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z"/></svg>',indeterminate:'<svg part="indeterminate-icon" class="icon" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><g stroke="currentColor" stroke-width="2"><g transform="translate(2.285714, 6.857143)"><path d="M10.2857143,1.14285714 L1.14285714,1.14285714"></path></g></g></g></svg>',minus:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/></svg>',pause:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="10" viewBox="0 0 320 512"><path d="M48 64C21.5 64 0 85.5 0 112V400c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H48zm192 0c-26.5 0-48 21.5-48 48V400c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48H240z"/></svg>',play:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><path d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><path d="M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z"/></svg>',user:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>',xmark:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>'},regular:{"circle-question":'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm169.8-90.7c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.9 23.6-24 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.4-6.8-15.1-15.1-15.1l-58.3 0c-3.4 0-6.4 2.1-7.5 5.3l-.4 1.2c-4.4 12.5-18.2 19-30.6 14.6s-19-18.2-14.6-30.6l.4-1.2zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"/></svg>',"circle-xmark":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM175 175c-9.4 9.4-9.4 24.6 0 33.9l47 47-47 47c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l47-47 47 47c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-47-47 47-47c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-47 47-47-47c-9.4-9.4-24.6-9.4-33.9 0z"/></svg>',copy:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="14" viewBox="0 0 448 512"><path d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z"/></svg>',eye:'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><path d="M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"/></svg>',"eye-slash":'<svg xmlns="http://www.w3.org/2000/svg" height="16" width="20" viewBox="0 0 640 512"><path d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm51.3 163.3l-41.9-33C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5zm-88-69.3L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8z"/></svg>',star:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"/></svg>'}},W={name:"system",resolver:(t,s="classic",e="solid")=>{var r,h;let i=(h=(r=f[e][t])!=null?r:f.regular[t])!=null?h:f.regular["circle-question"];return i?D(i):""}},E=W;var q="classic",j=[I,E],y=[];function S(t){y.push(t)}function k(t){y=y.filter(s=>s!==t)}function g(t){return j.find(s=>s.name===t)}function H(){return q}var{I:r2}=z;var R=(t,s)=>s===void 0?(t==null?void 0:t._$litType$)!==void 0:(t==null?void 0:t._$litType$)===s;var O=class extends Event{constructor(){super("wa-error",{bubbles:!0,cancelable:!1,composed:!0})}},N=`:host {
2
- --primary-color: currentColor;
3
- --primary-opacity: 1;
4
- --secondary-color: currentColor;
5
- --secondary-opacity: 0.4;
6
-
7
- display: inline-flex;
8
- box-sizing: content-box !important;
9
- width: auto;
10
- height: 1em;
11
- }
12
-
13
- svg {
14
- display: inline-block;
15
- width: auto;
16
- height: inherit;
17
- fill: currentColor;
18
-
19
- .fa-primary {
20
- color: var(--primary-color);
21
- opacity: var(--primary-opacity);
22
- }
23
-
24
- .fa-secondary {
25
- color: var(--secondary-color);
26
- opacity: var(--secondary-opacity);
27
- }
28
- }
29
-
30
- :host([fixed-width]) {
31
- width: 1em;
32
- justify-content: center;
33
- }
34
- `,d=Symbol(),p=Symbol(),b,L=new Map,c=class extends ${constructor(){super(...arguments),this.svg=null,this.label="",this.library="default"}connectedCallback(){super.connectedCallback(),S(this)}firstUpdated(t){super.firstUpdated(t),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),k(this)}getIconSource(){let t=g(this.library),s=this.family||H();return this.name&&t?{url:t.resolver(this.name,s,this.variant),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}async resolveIcon(t,s){var o;let e;if(s!=null&&s.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=w`<svg part="svg">
35
- <use part="use" href="${t}"></use>
36
- </svg>`,await this.updateComplete;let i=this.shadowRoot.querySelector("[part='svg']");return typeof s.mutator=="function"&&s.mutator(i),this.svg}try{if(e=await fetch(t,{mode:"cors"}),!e.ok)return e.status===410?d:p}catch(i){return p}try{let i=document.createElement("div");i.innerHTML=await e.text();let r=i.firstElementChild;if(((o=r==null?void 0:r.tagName)==null?void 0:o.toLowerCase())!=="svg")return d;b||(b=new DOMParser);let l=b.parseFromString(r.outerHTML,"text/html").body.querySelector("svg");return l?(l.part.add("svg"),document.adoptNode(l)):d}catch(i){return d}}handleLabelChange(){typeof this.label=="string"&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var r;let{url:t,fromLibrary:s}=this.getIconSource(),e=s?g(this.library):void 0;if(!t){this.svg=null;return}let o=L.get(t);o||(o=this.resolveIcon(t,e),L.set(t,o));let i=await o;if(i===p&&L.delete(t),t===this.getIconSource().url){if(R(i)){this.svg=i;return}switch(i){case p:case d:this.svg=null,this.dispatchEvent(new O);break;default:this.svg=i.cloneNode(!0),(r=e==null?void 0:e.mutator)==null||r.call(e,this.svg),this.dispatchEvent(new B)}}}updated(t){var o,i;super.updated(t);let s=g(this.library),e=(o=this.shadowRoot)==null?void 0:o.querySelector("svg");e&&((i=s==null?void 0:s.mutator)==null||i.call(s,e))}render(){return this.hasUpdated?this.svg:w`<svg part="svg" fill="currentColor" width="16" height="16"></svg>`}};c.css=N;a([_()],c.prototype,"svg",2);a([n()],c.prototype,"name",2);a([n()],c.prototype,"family",2);a([n()],c.prototype,"variant",2);a([n({attribute:"fixed-width",type:Boolean,reflect:!0})],c.prototype,"fixedWidth",2);a([n()],c.prototype,"src",2);a([n()],c.prototype,"label",2);a([n()],c.prototype,"library",2);a([v("label")],c.prototype,"handleLabelChange",1);a([v(["family","name","library","variant","src"])],c.prototype,"setIcon",1);c=a([M("wa-icon")],c);export{v as a,c as b};
37
- /*! Bundled license information:
38
-
39
- lit-html/directive-helpers.js:
40
- (**
41
- * @license
42
- * Copyright 2020 Google LLC
43
- * SPDX-License-Identifier: BSD-3-Clause
44
- *)
45
- */