@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.
- package/README.md +10 -8
- package/dist/chunks/chunk.2MK55PUE.js +700 -0
- package/dist/chunks/{callout.USQGOL5A.js → chunk.3NBBS2A2.js} +2 -2
- package/dist/chunks/{chunk.4YLAIDAG.js → chunk.7RJ72M75.js} +3 -3
- package/dist/chunks/{chunk.IWVLJ74K.js → chunk.MIYFUINI.js} +2 -2
- package/dist/chunks/{chunk.XCJG4HAO.js → chunk.PDLGEB7T.js} +3 -3
- package/dist/chunks/chunk.V7FZQXWL.js +667 -0
- package/dist/components/consent/consent.component.d.ts +3 -0
- package/dist/components/consent/consent.component.js +1 -1
- package/dist/components/consent/consent.js +1 -1
- package/dist/components/header/header.component.d.ts +4 -0
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.js +1 -1
- package/dist/components/logo/logo.component.js +1 -1
- package/dist/components/logo/logo.js +1 -1
- package/dist/components/tracking/tracking.component.d.ts +3 -0
- package/dist/components/tracking/tracking.component.js +1 -1
- package/dist/components/tracking/tracking.js +1 -1
- package/dist/hotosm-ui.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/button.LEHBRWP3.js +0 -1
- package/dist/chunks/chunk.7VBX4GII.js +0 -1
- package/dist/chunks/chunk.BPVA67NM.js +0 -94
- package/dist/chunks/chunk.FIQQYKEP.js +0 -14
- package/dist/chunks/chunk.KPZVTN5G.js +0 -460
- package/dist/chunks/chunk.OHRBDQCO.js +0 -45
- package/dist/chunks/chunk.TFICHQZE.js +0 -186
- package/dist/chunks/dialog.7CZCE2KM.js +0 -217
- package/dist/chunks/icon.ZB6BUFKB.js +0 -1
- 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
|
-
*/
|