@hotosm/ui 0.3.2-b1 → 0.3.2-b3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/{chunk.LPSHZWUY.js → chunk.6YSBNYKD.js} +1 -1
- package/dist/chunks/{chunk.MIYFUINI.js → chunk.CS56NBTQ.js} +1 -1
- package/dist/chunks/chunk.H5ZQREL2.js +1 -0
- package/dist/chunks/chunk.HDZFWGNV.js +19 -0
- package/dist/chunks/chunk.IU7P7RMD.js +1 -0
- package/dist/chunks/chunk.O2GMJYSL.js +0 -0
- package/dist/chunks/{chunk.HCXPZJU6.js → chunk.O6Q54UVK.js} +8 -6
- package/dist/chunks/chunk.U4GEH6YR.js +203 -0
- package/dist/chunks/{chunk.D2BMH7HD.js → chunk.UNSJMT66.js} +54 -54
- package/dist/chunks/chunk.UYOJKKGV.js +1 -0
- package/dist/chunks/{chunk.HTYJKOJL.js → chunk.VOBHDN5R.js} +2 -5
- package/dist/components/button/button.component.d.ts +28 -0
- package/dist/components/button/button.component.js +1 -0
- package/dist/components/button/button.d.ts +7 -0
- package/dist/components/button/button.js +1 -0
- package/dist/components/button/button.styles.d.ts +2 -0
- package/dist/components/button/button.styles.js +1 -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 +0 -1
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.js +1 -1
- package/dist/components/header/header.styles.js +1 -1
- package/dist/components/tracking/tracking.component.js +1 -1
- package/dist/components/tracking/tracking.js +1 -1
- package/dist/hotosm-ui.d.ts +2 -1
- package/dist/hotosm-ui.js +1 -1
- package/dist/themes/hot-wa-override.css +225 -0
- package/package.json +1 -1
- package/dist/chunks/chunk.456NATDG.js +0 -1
- package/dist/chunks/chunk.CNARC7G7.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{c as o,d as t,g as l,h as i}from"./chunk.
|
|
1
|
+
import{c as o,d as t,g as l,h as i}from"./chunk.UNSJMT66.js";import{a as e,b as a}from"./chunk.6ZDEZIWM.js";import{e as n}from"./chunk.U4P7XQR4.js";var d=`:host {
|
|
2
2
|
display: flex;
|
|
3
3
|
position: relative;
|
|
4
4
|
align-items: stretch;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as o}from"./chunk.6ZDEZIWM.js";import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.T4GALJJA.js";import{e as r,k as c}from"./chunk.U4P7XQR4.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
|
|
2
2
|
<div class="consent-overlay">
|
|
3
3
|
<div class="consent-container">
|
|
4
4
|
<wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t}from"./chunk.HDZFWGNV.js";var o=t;customElements.define("hot-button",t);export{o as a};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import{a as l}from"./chunk.U4GEH6YR.js";import{b as o}from"./chunk.6ZDEZIWM.js";import{a as n}from"./chunk.KO4EOD3I.js";import{e as t,k as c}from"./chunk.U4P7XQR4.js";import{d as s,e as i,f as a,g as r}from"./chunk.NI7UJOOZ.js";n();var p,d,h,y,g,m,$,S,f,e=class extends c{constructor(){super(...arguments);this.name="hot-button";a(this,p,"primary");a(this,d,"medium");a(this,h,"default");a(this,y,!1);a(this,g,!1);a(this,m,"");a(this,$,"start");a(this,S,"button");a(this,f,"")}get variant(){return i(this,p)}set variant(w){r(this,p,w)}get size(){return i(this,d)}set size(w){r(this,d,w)}get appearance(){return i(this,h)}set appearance(w){r(this,h,w)}get disabled(){return i(this,y)}set disabled(w){r(this,y,w)}get loading(){return i(this,g)}set loading(w){r(this,g,w)}get icon(){return i(this,m)}set icon(w){r(this,m,w)}get iconPosition(){return i(this,$)}set iconPosition(w){r(this,$,w)}get type(){return i(this,S)}set type(w){r(this,S,w)}get hotColor(){return i(this,f)}set hotColor(w){r(this,f,w)}render(){let w=`hot-button${this.hotColor?` hot-${this.hotColor}`:""}`;return t`
|
|
2
|
+
<wa-button
|
|
3
|
+
variant="${this.variant}"
|
|
4
|
+
size="${this.size}"
|
|
5
|
+
appearance="${this.appearance}"
|
|
6
|
+
?disabled="${this.disabled}"
|
|
7
|
+
?loading="${this.loading}"
|
|
8
|
+
type="${this.type}"
|
|
9
|
+
class="${w}"
|
|
10
|
+
>
|
|
11
|
+
${this.icon&&this.iconPosition==="start"?t`
|
|
12
|
+
<wa-icon name="${this.icon}" slot="icon"></wa-icon>
|
|
13
|
+
`:null}
|
|
14
|
+
<slot></slot>
|
|
15
|
+
${this.icon&&this.iconPosition==="end"?t`
|
|
16
|
+
<wa-icon name="${this.icon}" slot="icon"></wa-icon>
|
|
17
|
+
`:null}
|
|
18
|
+
</wa-button>
|
|
19
|
+
`}};p=new WeakMap,d=new WeakMap,h=new WeakMap,y=new WeakMap,g=new WeakMap,m=new WeakMap,$=new WeakMap,S=new WeakMap,f=new WeakMap,e.styles=[l],s([o({type:String})],e.prototype,"variant",1),s([o({type:String})],e.prototype,"size",1),s([o({type:String})],e.prototype,"appearance",1),s([o({type:Boolean})],e.prototype,"disabled",1),s([o({type:Boolean})],e.prototype,"loading",1),s([o({type:String})],e.prototype,"icon",1),s([o({type:String})],e.prototype,"iconPosition",1),s([o({type:String})],e.prototype,"type",1),s([o({type:String,attribute:"hot-color"})],e.prototype,"hotColor",1);var R=e;export{e as a,R as b};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.O6Q54UVK.js";var r=e;customElements.define("hot-header",e);export{r as a};
|
|
File without changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.
|
|
1
|
+
import{a as q,b as z}from"./chunk.VOBHDN5R.js";import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.UNSJMT66.js";import{a as y,b as s,c as D,d as x}from"./chunk.6ZDEZIWM.js";import{a as M}from"./chunk.KO4EOD3I.js";import{e as r,k as B}from"./chunk.U4P7XQR4.js";import{a as A,d as h,e as p,f as u,g as b}from"./chunk.NI7UJOOZ.js";function rt(t,n){return{top:Math.round(t.getBoundingClientRect().top-n.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-n.getBoundingClientRect().left)}}var T=new Set;function lt(){let t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}function ct(){let t=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(t)||!t?0:t}function $(t){if(T.add(t),!document.documentElement.classList.contains("wa-scroll-lock")){let n=lt()+ct(),e=getComputedStyle(document.documentElement).scrollbarGutter;(!e||e==="auto")&&(e="stable"),n<2&&(e=""),document.documentElement.style.setProperty("--wa-scroll-lock-gutter",e),document.documentElement.classList.add("wa-scroll-lock"),document.documentElement.style.setProperty("--wa-scroll-lock-size",`${n}px`)}}function P(t){T.delete(t),T.size===0&&(document.documentElement.classList.remove("wa-scroll-lock"),document.documentElement.style.removeProperty("--wa-scroll-lock-size"))}function I(t,n,e="vertical",o="smooth"){let a=rt(t,n),l=a.top+n.scrollTop,c=a.left+n.scrollLeft,f=n.scrollLeft,E=n.scrollLeft+n.offsetWidth,it=n.scrollTop,st=n.scrollTop+n.offsetHeight;(e==="horizontal"||e==="both")&&(c<f?n.scrollTo({left:c,behavior:o}):c+t.clientWidth>E&&n.scrollTo({left:c-n.offsetWidth+t.clientWidth,behavior:o})),(e==="vertical"||e==="both")&&(l<it?n.scrollTo({top:l,behavior:o}):l+t.clientHeight>st&&n.scrollTo({top:l-n.offsetHeight+t.clientHeight,behavior:o}))}var dt=class extends Event{constructor(t){super("wa-tab-hide",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=t}},ht=class extends Event{constructor(t){super("wa-tab-show",{bubbles:!0,cancelable:!1,composed:!0}),this.detail=t}},pt=`:host {
|
|
2
2
|
--indicator-color: var(--wa-color-brand-fill-loud);
|
|
3
3
|
--track-color: var(--wa-color-neutral-fill-normal);
|
|
4
4
|
--track-width: 0.125rem;
|
|
@@ -623,14 +623,16 @@ import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.D2BMH7HD.js";impor
|
|
|
623
623
|
></nav>
|
|
624
624
|
|
|
625
625
|
<div id="right-section" class="header--right-section">
|
|
626
|
+
<slot name="right-section"></slot>
|
|
626
627
|
${this.showLogin?r`
|
|
627
|
-
<
|
|
628
|
-
variant="
|
|
629
|
-
|
|
628
|
+
<hot-button
|
|
629
|
+
variant="primary"
|
|
630
|
+
hot-color="red"
|
|
631
|
+
size="small"
|
|
630
632
|
@click=${()=>this._handleLogin()}
|
|
631
633
|
>
|
|
632
634
|
Login
|
|
633
|
-
</
|
|
635
|
+
</hot-button>
|
|
634
636
|
`:null}
|
|
635
637
|
${this.drawer?r`
|
|
636
638
|
<wa-button>
|
|
@@ -666,4 +668,4 @@ import{a as O,b as g,c as i,d as k,e as C,f as W}from"./chunk.D2BMH7HD.js";impor
|
|
|
666
668
|
</wa-dialog>
|
|
667
669
|
`:null}
|
|
668
670
|
</header>
|
|
669
|
-
`}_tabClick(e,o,a){this.selectTab(a),o()}_handleLogin(){this.loginModalOpen=!0,this.dispatchEvent(new Event("login"))}_handleModalClose(){this.loginModalOpen=!1}};_=new WeakMap,j=new WeakMap,Z=new WeakMap,J=new WeakMap,Q=new WeakMap,K=new WeakMap,X=new WeakMap,V=new WeakMap,Y=new WeakMap,tt=new WeakMap,et=new WeakMap,nt=new WeakMap,ot=new WeakMap,at=new WeakMap,d.styles=[z],h([s({type:String})],d.prototype,"title",1),h([s({type:String})],d.prototype,"logo",1),h([s({type:Boolean})],d.prototype,"drawer",1),h([s({type:Array})],d.prototype,"tabs",1),h([s({type:String})],d.prototype,"size",1),h([s({type:Boolean})],d.prototype,"borderBottom",1),h([s({type:Number})],d.prototype,"selectedTab",1),h([s({type:Boolean})],d.prototype,"showLogin",1),h([s({type:Boolean})],d.prototype,"loginModalOpen",1),h([s({type:Object,attribute:"login-providers"})],d.prototype,"loginProviders",1),h([s({type:String,attribute:"default-login-icon"})],d.prototype,"defaultLoginIcon",1),h([s({type:String,attribute:"osm-oauth-url"})],d.prototype,"osmOauthUrl",1),h([s({type:String,attribute:"osm-oauth-client-id"})],d.prototype,"OsmOauthClientId",1),h([s({type:String,attribute:"osm-oauth-redirect-uri"})],d.prototype,"OsmOauthRedirectUri",1);var
|
|
671
|
+
`}_tabClick(e,o,a){this.selectTab(a),o()}_handleLogin(){this.loginModalOpen=!0,this.dispatchEvent(new Event("login"))}_handleModalClose(){this.loginModalOpen=!1}};_=new WeakMap,j=new WeakMap,Z=new WeakMap,J=new WeakMap,Q=new WeakMap,K=new WeakMap,X=new WeakMap,V=new WeakMap,Y=new WeakMap,tt=new WeakMap,et=new WeakMap,nt=new WeakMap,ot=new WeakMap,at=new WeakMap,d.styles=[z],h([s({type:String})],d.prototype,"title",1),h([s({type:String})],d.prototype,"logo",1),h([s({type:Boolean})],d.prototype,"drawer",1),h([s({type:Array})],d.prototype,"tabs",1),h([s({type:String})],d.prototype,"size",1),h([s({type:Boolean})],d.prototype,"borderBottom",1),h([s({type:Number})],d.prototype,"selectedTab",1),h([s({type:Boolean})],d.prototype,"showLogin",1),h([s({type:Boolean})],d.prototype,"loginModalOpen",1),h([s({type:Object,attribute:"login-providers"})],d.prototype,"loginProviders",1),h([s({type:String,attribute:"default-login-icon"})],d.prototype,"defaultLoginIcon",1),h([s({type:String,attribute:"osm-oauth-url"})],d.prototype,"osmOauthUrl",1),h([s({type:String,attribute:"osm-oauth-client-id"})],d.prototype,"OsmOauthClientId",1),h([s({type:String,attribute:"osm-oauth-redirect-uri"})],d.prototype,"OsmOauthRedirectUri",1);var vn=d;export{d as a,vn as b};
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
import{b as o}from"./chunk.U4P7XQR4.js";var r=o`
|
|
2
|
+
.hot-button {
|
|
3
|
+
/* Use HOT theme variables for consistent styling */
|
|
4
|
+
font-family: var(--hot-font-sans);
|
|
5
|
+
font-weight: var(--hot-font-weight-semibold);
|
|
6
|
+
border-radius: var(--hot-border-radius-medium);
|
|
7
|
+
transition: all 0.2s ease-in-out;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.hot-button::part(base) {
|
|
11
|
+
/* Ensure the base part uses HOT styling */
|
|
12
|
+
font-family: var(--hot-font-sans);
|
|
13
|
+
font-weight: var(--hot-font-weight-semibold);
|
|
14
|
+
border-radius: var(--hot-border-radius-medium);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.hot-button::part(label) {
|
|
18
|
+
/* Style the label part */
|
|
19
|
+
font-family: var(--hot-font-sans);
|
|
20
|
+
font-weight: var(--hot-font-weight-semibold);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* Custom HOT gradient variant */
|
|
24
|
+
.hot-button.hot-gradient::part(base) {
|
|
25
|
+
background: linear-gradient(135deg, var(--hot-color-primary-500), var(--hot-color-primary-600));
|
|
26
|
+
border: none;
|
|
27
|
+
color: white;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.hot-button.hot-gradient::part(base):hover {
|
|
31
|
+
background: linear-gradient(135deg, var(--hot-color-primary-600), var(--hot-color-primary-700));
|
|
32
|
+
transform: translateY(-1px);
|
|
33
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.hot-button.hot-gradient::part(base):active {
|
|
37
|
+
transform: translateY(0);
|
|
38
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
/* Custom HOT outline variant */
|
|
42
|
+
.hot-button.hot-outline::part(base) {
|
|
43
|
+
background: transparent;
|
|
44
|
+
border: 2px solid var(--hot-color-primary-500);
|
|
45
|
+
color: var(--hot-color-primary-500);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.hot-button.hot-outline::part(base):hover {
|
|
49
|
+
background: var(--hot-color-primary-50);
|
|
50
|
+
border-color: var(--hot-color-primary-600);
|
|
51
|
+
color: var(--hot-color-primary-600);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* Custom HOT ghost variant */
|
|
55
|
+
.hot-button.hot-ghost::part(base) {
|
|
56
|
+
background: transparent;
|
|
57
|
+
border: none;
|
|
58
|
+
color: var(--hot-color-primary-500);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.hot-button.hot-ghost::part(base):hover {
|
|
62
|
+
background: var(--hot-color-primary-50);
|
|
63
|
+
color: var(--hot-color-primary-600);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/* HOT Color Variants */
|
|
67
|
+
.hot-button.hot-red::part(base) {
|
|
68
|
+
background: var(--hot-color-red-500);
|
|
69
|
+
border: none;
|
|
70
|
+
color: white;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.hot-button.hot-red::part(base):hover {
|
|
74
|
+
background: var(--hot-color-red-600);
|
|
75
|
+
transform: translateY(-1px);
|
|
76
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.hot-button.hot-red::part(base):active {
|
|
80
|
+
transform: translateY(0);
|
|
81
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.hot-button.hot-yellow::part(base) {
|
|
85
|
+
background: var(--hot-color-yellow-500);
|
|
86
|
+
border: none;
|
|
87
|
+
color: var(--hot-color-gray-900);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.hot-button.hot-yellow::part(base):hover {
|
|
91
|
+
background: var(--hot-color-yellow-600);
|
|
92
|
+
transform: translateY(-1px);
|
|
93
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.hot-button.hot-yellow::part(base):active {
|
|
97
|
+
transform: translateY(0);
|
|
98
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.hot-button.hot-blue::part(base) {
|
|
102
|
+
background: var(--hot-color-blue-500);
|
|
103
|
+
border: none;
|
|
104
|
+
color: white;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.hot-button.hot-blue::part(base):hover {
|
|
108
|
+
background: var(--hot-color-blue-600);
|
|
109
|
+
transform: translateY(-1px);
|
|
110
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.hot-button.hot-blue::part(base):active {
|
|
114
|
+
transform: translateY(0);
|
|
115
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.hot-button.hot-cyan::part(base) {
|
|
119
|
+
background: var(--hot-color-cyan-500);
|
|
120
|
+
border: none;
|
|
121
|
+
color: white;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.hot-button.hot-cyan::part(base):hover {
|
|
125
|
+
background: var(--hot-color-cyan-600);
|
|
126
|
+
transform: translateY(-1px);
|
|
127
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.hot-button.hot-cyan::part(base):active {
|
|
131
|
+
transform: translateY(0);
|
|
132
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.hot-button.hot-rose::part(base) {
|
|
136
|
+
background: var(--hot-color-rose-500);
|
|
137
|
+
border: none;
|
|
138
|
+
color: white;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.hot-button.hot-rose::part(base):hover {
|
|
142
|
+
background: var(--hot-color-rose-600);
|
|
143
|
+
transform: translateY(-1px);
|
|
144
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.hot-button.hot-rose::part(base):active {
|
|
148
|
+
transform: translateY(0);
|
|
149
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.hot-button.hot-gray::part(base) {
|
|
153
|
+
background: var(--hot-color-gray-500);
|
|
154
|
+
border: none;
|
|
155
|
+
color: white;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
.hot-button.hot-gray::part(base):hover {
|
|
159
|
+
background: var(--hot-color-gray-600);
|
|
160
|
+
transform: translateY(-1px);
|
|
161
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.hot-button.hot-gray::part(base):active {
|
|
165
|
+
transform: translateY(0);
|
|
166
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/* Size variations using HOT spacing */
|
|
170
|
+
.hot-button[size="small"]::part(base) {
|
|
171
|
+
padding: var(--hot-spacing-x-small) var(--hot-spacing-small);
|
|
172
|
+
font-size: var(--hot-font-size-small);
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.hot-button[size="medium"]::part(base) {
|
|
176
|
+
padding: var(--hot-spacing-small) var(--hot-spacing-medium);
|
|
177
|
+
font-size: var(--hot-font-size-medium);
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
.hot-button[size="large"]::part(base) {
|
|
181
|
+
padding: var(--hot-spacing-medium) var(--hot-spacing-large);
|
|
182
|
+
font-size: var(--hot-font-size-large);
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* Icon button specific styling */
|
|
186
|
+
.hot-button[appearance="icon"]::part(base) {
|
|
187
|
+
border-radius: var(--hot-border-radius-circle);
|
|
188
|
+
min-width: auto;
|
|
189
|
+
width: fit-content;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/* Loading state */
|
|
193
|
+
.hot-button[loading]::part(base) {
|
|
194
|
+
opacity: 0.7;
|
|
195
|
+
cursor: not-allowed;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
/* Disabled state */
|
|
199
|
+
.hot-button[disabled]::part(base) {
|
|
200
|
+
opacity: 0.5;
|
|
201
|
+
cursor: not-allowed;
|
|
202
|
+
}
|
|
203
|
+
`;export{r as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as b,b as s,c as E,d as T}from"./chunk.6ZDEZIWM.js";import{a as X,e as w,f as Y,g as Z,h as Q,i as J,j as tt,k as et}from"./chunk.U4P7XQR4.js";import{a as C}from"./chunk.NI7UJOOZ.js";var rt=()=>({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 a in e.validity){if(a==="valid")continue;let o=a;e.validity[o]&&r.invalidKeys.push(o)}return r}});var Lt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,ot=t=>{throw TypeError(t)},i=(t,e,r,n)=>{for(var a=n>1?void 0:n?kt(e,r):e,o=t.length-1,c;o>=0;o--)(c=t[o])&&(a=(n?c(e,r,a):c(a))||a);return n&&a&&Lt(e,r,a),a},nt=(t,e,r)=>e.has(t)||ot("Cannot "+r),at=(t,e,r)=>(nt(t,e,"read from private field"),r?r.call(t):e.get(t)),it=(t,e,r)=>e.has(t)?ot("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),st=(t,e,r,n)=>(nt(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r);var At=`:host {
|
|
1
|
+
import{a as b,b as s,c as E,d as T}from"./chunk.6ZDEZIWM.js";import{a as X,e as m,f as Y,g as Z,h as Q,i as J,j as tt,k as et}from"./chunk.U4P7XQR4.js";import{a as C}from"./chunk.NI7UJOOZ.js";var rt=class extends Event{constructor(){super("wa-load",{bubbles:!0,cancelable:!1,composed:!0})}};var R="";function Lt(t){R=t}function kt(){if(!R){let t=document.querySelector("[data-fa-kit-code]");t&&Lt(t.getAttribute("data-fa-kit-code")||"")}return R}function At(t,e,r){let n=kt(),a=n.length>0,o="solid";return e==="classic"&&(r==="thin"&&(o="thin"),r==="light"&&(o="light"),r==="regular"&&(o="regular"),r==="solid"&&(o="solid")),e==="sharp"&&(r==="thin"&&(o="sharp-thin"),r==="light"&&(o="sharp-light"),r==="regular"&&(o="sharp-regular"),r==="solid"&&(o="sharp-solid")),e==="duotone"&&(r==="thin"&&(o="duotone-thin"),r==="light"&&(o="duotone-light"),r==="regular"&&(o="duotone-regular"),r==="solid"&&(o="duotone")),e==="sharp-duotone"&&(r==="thin"&&(o="sharp-duotone-thin"),r==="light"&&(o="sharp-duotone-light"),r==="regular"&&(o="sharp-duotone-regular"),r==="solid"&&(o="sharp-duotone-solid")),e==="brands"&&(o="brands"),a?`https://ka-p.fontawesome.com/releases/v6.7.2/svgs/${o}/${t}.svg?token=${encodeURIComponent(n)}`:`https://ka-f.fontawesome.com/releases/v6.7.2/svgs/${o}/${t}.svg`}var zt={name:"default",resolver:(t,e="classic",r="solid")=>At(t,e,r)},ot=zt;function qt(t){return`data:image/svg+xml,${encodeURIComponent(t)}`}var D={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>'}},Vt={name:"system",resolver:(t,e="classic",r="solid")=>{var o,c;let a=(c=(o=D[r][t])!=null?o:D.regular[t])!=null?c:D.regular["circle-question"];return a?qt(a):""}},nt=Vt;var It="classic",Mt=[ot,nt],U=[];function at(t){U.push(t)}function it(t){U=U.filter(e=>e!==t)}function A(t){return Mt.find(e=>e.name===t)}function st(){return It}function $(t,e){let r=C({waitUntilFirstUpdate:!1},e);return(n,a)=>{let{update:o}=n,c=Array.isArray(t)?t:[t];n.update=function(d){c.forEach(v=>{let h=v;if(d.has(h)){let x=d.get(h),_=this[h];x!==_&&(!r.waitUntilFirstUpdate||this.hasUpdated)&&this[a](x,_)}}),o.call(this,d)}}}var Bt=Object.defineProperty,Tt=Object.getOwnPropertyDescriptor,lt=t=>{throw TypeError(t)},i=(t,e,r,n)=>{for(var a=n>1?void 0:n?Tt(e,r):e,o=t.length-1,c;o>=0;o--)(c=t[o])&&(a=(n?c(e,r,a):c(a))||a);return n&&a&&Bt(e,r,a),a},ct=(t,e,r)=>e.has(t)||lt("Cannot "+r),dt=(t,e,r)=>(ct(t,e,"read from private field"),r?r.call(t):e.get(t)),ut=(t,e,r)=>e.has(t)?lt("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,r),ht=(t,e,r,n)=>(ct(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r);var Rt=`:host {
|
|
2
2
|
box-sizing: border-box !important;
|
|
3
3
|
}
|
|
4
4
|
|
|
@@ -11,7 +11,42 @@ import{a as b,b as s,c as E,d as T}from"./chunk.6ZDEZIWM.js";import{a as X,e as
|
|
|
11
11
|
[hidden] {
|
|
12
12
|
display: none !important;
|
|
13
13
|
}
|
|
14
|
-
`,
|
|
14
|
+
`,z,f=class extends et{constructor(){super(),ut(this,z,!1),this.initialReflectedProperties=new Map,this.didSSR=!1||!!this.shadowRoot,this.customStates={set:(e,r)=>{var n;(n=this.internals)!=null&&n.states&&(r?this.internals.states.add(e):this.internals.states.delete(e))},has:e=>{var r;return(r=this.internals)!=null&&r.states?this.internals.states.has(e):!1}};try{this.internals=this.attachInternals()}catch(e){console.error("Element internals are not supported in your browser. Consider using a polyfill")}this.customStates.set("wa-defined",!0);let t=this.constructor;for(let[e,r]of t.elementProperties)r.default==="inherit"&&r.initial!==void 0&&typeof e=="string"&&this.customStates.set(`initial-${e}-${r.initial}`,!0)}static get styles(){let t=Array.isArray(this.css)?this.css:this.css?[this.css]:[];return[Rt,...t].map(e=>typeof e=="string"?X(e):e)}attributeChangedCallback(t,e,r){dt(this,z)||(this.constructor.elementProperties.forEach((n,a)=>{n.reflect&&this[a]!=null&&this.initialReflectedProperties.set(a,this[a])}),ht(this,z,!0)),super.attributeChangedCallback(t,e,r)}willUpdate(t){super.willUpdate(t),this.initialReflectedProperties.forEach((e,r)=>{t.has(r)&&this[r]==null&&(this[r]=e)})}firstUpdated(t){var e;super.firstUpdated(t),this.didSSR&&((e=this.shadowRoot)==null||e.querySelectorAll("slot").forEach(r=>{r.dispatchEvent(new Event("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}))}update(t){try{super.update(t)}catch(e){if(this.didSSR&&!this.hasUpdated){let r=new Event("lit-hydration-error",{bubbles:!0,composed:!0,cancelable:!1});r.error=e,this.dispatchEvent(r)}throw e}}relayNativeEvent(t,e){t.stopImmediatePropagation(),this.dispatchEvent(new t.constructor(t.type,C(C({},t),e)))}};z=new WeakMap;i([s()],f.prototype,"dir",2);i([s()],f.prototype,"lang",2);i([s({type:Boolean,reflect:!0,attribute:"did-ssr"})],f.prototype,"didSSR",2);var{I:se}=tt;var pt=(t,e)=>e===void 0?(t==null?void 0:t._$litType$)!==void 0:(t==null?void 0:t._$litType$)===e;var Dt=class extends Event{constructor(){super("wa-error",{bubbles:!0,cancelable:!1,composed:!0})}},Ut=`:host {
|
|
15
|
+
--primary-color: currentColor;
|
|
16
|
+
--primary-opacity: 1;
|
|
17
|
+
--secondary-color: currentColor;
|
|
18
|
+
--secondary-opacity: 0.4;
|
|
19
|
+
|
|
20
|
+
display: inline-flex;
|
|
21
|
+
box-sizing: content-box !important;
|
|
22
|
+
width: auto;
|
|
23
|
+
height: 1em;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
svg {
|
|
27
|
+
display: inline-block;
|
|
28
|
+
width: auto;
|
|
29
|
+
height: inherit;
|
|
30
|
+
fill: currentColor;
|
|
31
|
+
|
|
32
|
+
.fa-primary {
|
|
33
|
+
color: var(--primary-color);
|
|
34
|
+
opacity: var(--primary-opacity);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.fa-secondary {
|
|
38
|
+
color: var(--secondary-color);
|
|
39
|
+
opacity: var(--secondary-opacity);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
:host([fixed-width]) {
|
|
44
|
+
width: 1em;
|
|
45
|
+
justify-content: center;
|
|
46
|
+
}
|
|
47
|
+
`,L=Symbol(),q=Symbol(),N,O=new Map,u=class extends f{constructor(){super(...arguments),this.svg=null,this.label="",this.library="default"}connectedCallback(){super.connectedCallback(),at(this)}firstUpdated(t){super.firstUpdated(t),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),it(this)}getIconSource(){let t=A(this.library),e=this.family||st();return this.name&&t?{url:t.resolver(this.name,e,this.variant),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}async resolveIcon(t,e){var n;let r;if(e!=null&&e.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=m`<svg part="svg">
|
|
48
|
+
<use part="use" href="${t}"></use>
|
|
49
|
+
</svg>`,await this.updateComplete;let a=this.shadowRoot.querySelector("[part='svg']");return typeof e.mutator=="function"&&e.mutator(a),this.svg}try{if(r=await fetch(t,{mode:"cors"}),!r.ok)return r.status===410?L:q}catch(a){return q}try{let a=document.createElement("div");a.innerHTML=await r.text();let o=a.firstElementChild;if(((n=o==null?void 0:o.tagName)==null?void 0:n.toLowerCase())!=="svg")return L;N||(N=new DOMParser);let d=N.parseFromString(o.outerHTML,"text/html").body.querySelector("svg");return d?(d.part.add("svg"),document.adoptNode(d)):L}catch(a){return L}}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 o;let{url:t,fromLibrary:e}=this.getIconSource(),r=e?A(this.library):void 0;if(!t){this.svg=null;return}let n=O.get(t);n||(n=this.resolveIcon(t,r),O.set(t,n));let a=await n;if(a===q&&O.delete(t),t===this.getIconSource().url){if(pt(a)){this.svg=a;return}switch(a){case q:case L:this.svg=null,this.dispatchEvent(new Dt);break;default:this.svg=a.cloneNode(!0),(o=r==null?void 0:r.mutator)==null||o.call(r,this.svg),this.dispatchEvent(new rt)}}}updated(t){var n,a;super.updated(t);let e=A(this.library),r=(n=this.shadowRoot)==null?void 0:n.querySelector("svg");r&&((a=e==null?void 0:e.mutator)==null||a.call(e,r))}render(){return this.hasUpdated?this.svg:m`<svg part="svg" fill="currentColor" width="16" height="16"></svg>`}};u.css=Ut;i([E()],u.prototype,"svg",2);i([s()],u.prototype,"name",2);i([s()],u.prototype,"family",2);i([s()],u.prototype,"variant",2);i([s({attribute:"fixed-width",type:Boolean,reflect:!0})],u.prototype,"fixedWidth",2);i([s()],u.prototype,"src",2);i([s()],u.prototype,"label",2);i([s()],u.prototype,"library",2);i([$("label")],u.prototype,"handleLabelChange",1);i([$(["family","name","library","variant","src"])],u.prototype,"setIcon",1);u=i([b("wa-icon")],u);var H=new Set,y=new Map,g,P="ltr",F="en",vt=typeof MutationObserver!="undefined"&&typeof document!="undefined"&&typeof document.documentElement!="undefined";if(vt){let t=new MutationObserver(ft);P=document.documentElement.dir||"ltr",F=document.documentElement.lang||navigator.language,t.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]})}function k(...t){t.map(e=>{let r=e.$code.toLowerCase();y.has(r)?y.set(r,Object.assign(Object.assign({},y.get(r)),e)):y.set(r,e),g||(g=e)}),ft()}function ft(){vt&&(P=document.documentElement.dir||"ltr",F=document.documentElement.lang||navigator.language),[...H.keys()].map(t=>{typeof t.requestUpdate=="function"&&t.requestUpdate()})}var V=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){H.add(this.host)}hostDisconnected(){H.delete(this.host)}dir(){return`${this.host.dir||P}`.toLowerCase()}lang(){return`${this.host.lang||F}`.toLowerCase()}getTranslationData(e){var r,n;let a=new Intl.Locale(e.replace(/_/g,"-")),o=a==null?void 0:a.language.toLowerCase(),c=(n=(r=a==null?void 0:a.region)===null||r===void 0?void 0:r.toLowerCase())!==null&&n!==void 0?n:"",d=y.get(`${o}-${c}`),v=y.get(o);return{locale:a,language:o,region:c,primary:d,secondary:v}}exists(e,r){var n;let{primary:a,secondary:o}=this.getTranslationData((n=r.lang)!==null&&n!==void 0?n:this.lang());return r=Object.assign({includeFallback:!1},r),!!(a&&a[e]||o&&o[e]||r.includeFallback&&g&&g[e])}term(e,...r){let{primary:n,secondary:a}=this.getTranslationData(this.lang()),o;if(n&&n[e])o=n[e];else if(a&&a[e])o=a[e];else if(g&&g[e])o=g[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 wt={$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"};k(wt);var mt=wt;var I=class extends V{};k(mt);var gt=()=>({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 a in e.validity){if(a==="valid")continue;let o=a;e.validity[o]&&r.invalidKeys.push(o)}return r}});var W=class extends Event{constructor(){super("wa-invalid",{bubbles:!0,cancelable:!1,composed:!0})}},Nt=()=>({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}}),w=class extends f{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 W))},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[Nt()]}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 a of t){let{isValid:o,message:c,invalidKeys:d}=a.checkValidity(this);o||(n||(n=c),(d==null?void 0:d.length)>=0&&d.forEach(v=>e[v]=!0))}n||(n=this.validationMessage),this.setValidity(e,n,r)}};w.formAssociated=!0;i([s({reflect:!0})],w.prototype,"name",2);i([s({type:Boolean})],w.prototype,"disabled",2);i([s({state:!0,attribute:!1})],w.prototype,"valueHasChanged",2);i([s({state:!0,attribute:!1})],w.prototype,"hasInteracted",2);i([s({attribute:"custom-error",reflect:!0})],w.prototype,"customError",2);i([s({attribute:!1,state:!0,type:Object})],w.prototype,"validity",1);var bt=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 yt=`@layer wa-utilities {
|
|
15
50
|
:host([size='small']),
|
|
16
51
|
.wa-size-s {
|
|
17
52
|
font-size: var(--wa-font-size-s);
|
|
@@ -27,7 +62,7 @@ import{a as b,b as s,c as E,d as T}from"./chunk.6ZDEZIWM.js";import{a as X,e as
|
|
|
27
62
|
font-size: var(--wa-font-size-l);
|
|
28
63
|
}
|
|
29
64
|
}
|
|
30
|
-
`;var
|
|
65
|
+
`;var xt=`@layer wa-utilities {
|
|
31
66
|
/** Register color properties so that the space toggle hack can work. */
|
|
32
67
|
@property --wa-color-fill-loud {
|
|
33
68
|
syntax: '<color>';
|
|
@@ -196,8 +231,8 @@ import{a as b,b as s,c as E,d as T}from"./chunk.6ZDEZIWM.js";import{a as X,e as
|
|
|
196
231
|
--wa-no-variant: /* space toggle */;
|
|
197
232
|
}
|
|
198
233
|
}
|
|
199
|
-
`;var
|
|
200
|
-
take care to ensure page security.`)})(n)+t[a+1],t[0]),r:
|
|
234
|
+
`;var _t={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},Ct=t=>(...e)=>({_$litDirective$:t,values:e}),M=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 Et=Ct(class extends M{constructor(t){var e;if(super(t),t.type!==_t.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,a;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 c=!!e[o];c===this.st.has(o)||(a=this.nt)!=null&&a.has(o)||(c?(r.add(o),this.st.add(o)):(r.remove(o),this.st.delete(o)))}return Q}});var p=t=>t!=null?t:J;var St=Symbol.for(""),Ot=t=>{if((t==null?void 0:t.r)===St)return t==null?void 0:t._$litStatic$};var j=(t,...e)=>({_$litStatic$:e.reduce((r,n,a)=>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
|
|
235
|
+
take care to ensure page security.`)})(n)+t[a+1],t[0]),r:St}),$t=new Map,K=t=>(e,...r)=>{let n=r.length,a,o,c=[],d=[],v,h=0,x=!1;for(;h<n;){for(v=e[h];h<n&&(o=r[h],(a=Ot(o))!==void 0);)v+=a+e[++h],x=!0;h!==n&&d.push(o),c.push(v),h++}if(h===n&&c.push(e[n]),x){let _=c.join("$$lit$$");(e=$t.get(_))===void 0&&(c.raw=c,$t.set(_,e=c)),r=d}return t(e,...r)},B=K(m),cr=K(Y),dr=K(Z);var Ht=`@layer wa-component {
|
|
201
236
|
:host {
|
|
202
237
|
display: inline-block;
|
|
203
238
|
position: relative;
|
|
@@ -527,10 +562,10 @@ slot[name='end']::slotted(*),
|
|
|
527
562
|
border-end-start-radius: var(--wa-border-radius-pill);
|
|
528
563
|
border-end-end-radius: var(--wa-border-radius-pill);
|
|
529
564
|
}
|
|
530
|
-
`,l=class extends
|
|
565
|
+
`,l=class extends w{constructor(){super(...arguments),this.assumeInteractionOn=["click"],this.hasSlotController=new bt(this,"[default]","start","end"),this.localize=new I(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,gt()]}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 W)}handleLabelSlotChange(){let t=this.labelSlot.assignedNodes({flatten:!0}),e=!1,r=!1,n="";[...t].forEach(a=>{a.nodeType===Node.ELEMENT_NODE&&a.localName==="wa-icon"&&(r=!0,e||(e=a.hasAttribute("label"))),a.nodeType===Node.TEXT_NODE&&(n+=a.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?j`a`:j`button`;return B`
|
|
531
566
|
<${e}
|
|
532
567
|
part="base"
|
|
533
|
-
class=${
|
|
568
|
+
class=${Et({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})}
|
|
534
569
|
?disabled=${p(t?void 0:this.disabled)}
|
|
535
570
|
type=${p(t?void 0:this.type)}
|
|
536
571
|
title=${this.title}
|
|
@@ -549,12 +584,12 @@ slot[name='end']::slotted(*),
|
|
|
549
584
|
<slot name="start" part="start" class="start"></slot>
|
|
550
585
|
<slot part="label" class="label" @slotchange=${this.handleLabelSlotChange}></slot>
|
|
551
586
|
<slot name="end" part="end" class="end"></slot>
|
|
552
|
-
${this.withCaret?
|
|
587
|
+
${this.withCaret?B`
|
|
553
588
|
<wa-icon part="caret" class="caret" library="system" name="chevron-down" variant="solid"></wa-icon>
|
|
554
589
|
`:""}
|
|
555
|
-
${this.loading?
|
|
590
|
+
${this.loading?B`<wa-spinner part="spinner"></wa-spinner>`:""}
|
|
556
591
|
</${e}>
|
|
557
|
-
`}};l.css=[
|
|
592
|
+
`}};l.css=[Ht,xt,yt];i([T(".button")],l.prototype,"button",2);i([T("slot:not([name])")],l.prototype,"labelSlot",2);i([E()],l.prototype,"invalid",2);i([E()],l.prototype,"isIconButton",2);i([s()],l.prototype,"title",2);i([s({reflect:!0})],l.prototype,"variant",2);i([s({reflect:!0})],l.prototype,"appearance",2);i([s({reflect:!0})],l.prototype,"size",2);i([s({attribute:"with-caret",type:Boolean,reflect:!0})],l.prototype,"withCaret",2);i([s({type:Boolean})],l.prototype,"disabled",2);i([s({type:Boolean,reflect:!0})],l.prototype,"loading",2);i([s({type:Boolean,reflect:!0})],l.prototype,"pill",2);i([s()],l.prototype,"type",2);i([s({reflect:!0})],l.prototype,"name",2);i([s({reflect:!0})],l.prototype,"value",2);i([s({reflect:!0})],l.prototype,"href",2);i([s()],l.prototype,"target",2);i([s()],l.prototype,"rel",2);i([s()],l.prototype,"download",2);i([s({reflect:!0})],l.prototype,"form",2);i([s({attribute:"formaction"})],l.prototype,"formAction",2);i([s({attribute:"formenctype"})],l.prototype,"formEnctype",2);i([s({attribute:"formmethod"})],l.prototype,"formMethod",2);i([s({attribute:"formnovalidate",type:Boolean})],l.prototype,"formNoValidate",2);i([s({attribute:"formtarget"})],l.prototype,"formTarget",2);i([$("disabled",{waitUntilFirstUpdate:!0})],l.prototype,"handleDisabledChange",1);l=i([b("wa-button")],l);var Pt=`:host {
|
|
558
593
|
--track-width: 2px;
|
|
559
594
|
--track-color: var(--wa-color-neutral-fill-normal);
|
|
560
595
|
--indicator-color: var(--wa-color-brand-fill-loud);
|
|
@@ -613,7 +648,7 @@ svg {
|
|
|
613
648
|
stroke-dashoffset: -124;
|
|
614
649
|
}
|
|
615
650
|
}
|
|
616
|
-
`,
|
|
651
|
+
`,G=class extends f{constructor(){super(...arguments),this.localize=new I(this)}render(){return m`
|
|
617
652
|
<svg
|
|
618
653
|
part="base"
|
|
619
654
|
role="progressbar"
|
|
@@ -625,44 +660,16 @@ svg {
|
|
|
625
660
|
<circle class="track" cx="25" cy="25" r="20" fill="none" stroke-width="5" />
|
|
626
661
|
<circle class="indicator" cx="25" cy="25" r="20" fill="none" stroke-width="5" />
|
|
627
662
|
</svg>
|
|
628
|
-
`}};P.css=It;P=i([b("wa-spinner")],P);var yt=class extends Event{constructor(){super("wa-load",{bubbles:!0,cancelable:!1,composed:!0})}};var F="";function Mt(t){F=t}function Bt(){if(!F){let t=document.querySelector("[data-fa-kit-code]");t&&Mt(t.getAttribute("data-fa-kit-code")||"")}return F}function Tt(t,e,r){let n=Bt(),a=n.length>0,o="solid";return e==="classic"&&(r==="thin"&&(o="thin"),r==="light"&&(o="light"),r==="regular"&&(o="regular"),r==="solid"&&(o="solid")),e==="sharp"&&(r==="thin"&&(o="sharp-thin"),r==="light"&&(o="sharp-light"),r==="regular"&&(o="sharp-regular"),r==="solid"&&(o="sharp-solid")),e==="duotone"&&(r==="thin"&&(o="duotone-thin"),r==="light"&&(o="duotone-light"),r==="regular"&&(o="duotone-regular"),r==="solid"&&(o="duotone")),e==="sharp-duotone"&&(r==="thin"&&(o="sharp-duotone-thin"),r==="light"&&(o="sharp-duotone-light"),r==="regular"&&(o="sharp-duotone-regular"),r==="solid"&&(o="sharp-duotone-solid")),e==="brands"&&(o="brands"),a?`https://ka-p.fontawesome.com/releases/v6.7.2/svgs/${o}/${t}.svg?token=${encodeURIComponent(n)}`:`https://ka-f.fontawesome.com/releases/v6.7.2/svgs/${o}/${t}.svg`}var Rt={name:"default",resolver:(t,e="classic",r="solid")=>Tt(t,e,r)},xt=Rt;function Dt(t){return`data:image/svg+xml,${encodeURIComponent(t)}`}var W={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>'}},Ut={name:"system",resolver:(t,e="classic",r="solid")=>{var o,c;let a=(c=(o=W[r][t])!=null?o:W.regular[t])!=null?c:W.regular["circle-question"];return a?Dt(a):""}},_t=Ut;var Nt="classic",Ot=[xt,_t],j=[];function Ct(t){j.push(t)}function Et(t){j=j.filter(e=>e!==t)}function M(t){return Ot.find(e=>e.name===t)}function $t(){return Nt}var{I:ur}=tt;var St=(t,e)=>e===void 0?(t==null?void 0:t._$litType$)!==void 0:(t==null?void 0:t._$litType$)===e;var Ht=class extends Event{constructor(){super("wa-error",{bubbles:!0,cancelable:!1,composed:!0})}},Pt=`:host {
|
|
629
|
-
--primary-color: currentColor;
|
|
630
|
-
--primary-opacity: 1;
|
|
631
|
-
--secondary-color: currentColor;
|
|
632
|
-
--secondary-opacity: 0.4;
|
|
633
|
-
|
|
634
|
-
display: inline-flex;
|
|
635
|
-
box-sizing: content-box !important;
|
|
636
|
-
width: auto;
|
|
637
|
-
height: 1em;
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
svg {
|
|
641
|
-
display: inline-block;
|
|
642
|
-
width: auto;
|
|
643
|
-
height: inherit;
|
|
644
|
-
fill: currentColor;
|
|
645
|
-
|
|
646
|
-
.fa-primary {
|
|
647
|
-
color: var(--primary-color);
|
|
648
|
-
opacity: var(--primary-opacity);
|
|
649
|
-
}
|
|
650
|
-
|
|
651
|
-
.fa-secondary {
|
|
652
|
-
color: var(--secondary-color);
|
|
653
|
-
opacity: var(--secondary-opacity);
|
|
654
|
-
}
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
:host([fixed-width]) {
|
|
658
|
-
width: 1em;
|
|
659
|
-
justify-content: center;
|
|
660
|
-
}
|
|
661
|
-
`,k=Symbol(),B=Symbol(),K,G=new Map,u=class extends f{constructor(){super(...arguments),this.svg=null,this.label="",this.library="default"}connectedCallback(){super.connectedCallback(),Ct(this)}firstUpdated(t){super.firstUpdated(t),this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),Et(this)}getIconSource(){let t=M(this.library),e=this.family||$t();return this.name&&t?{url:t.resolver(this.name,e,this.variant),fromLibrary:!0}:{url:this.src,fromLibrary:!1}}async resolveIcon(t,e){var n;let r;if(e!=null&&e.spriteSheet){this.hasUpdated||await this.updateComplete,this.svg=w`<svg part="svg">
|
|
662
|
-
<use part="use" href="${t}"></use>
|
|
663
|
-
</svg>`,await this.updateComplete;let a=this.shadowRoot.querySelector("[part='svg']");return typeof e.mutator=="function"&&e.mutator(a),this.svg}try{if(r=await fetch(t,{mode:"cors"}),!r.ok)return r.status===410?k:B}catch(a){return B}try{let a=document.createElement("div");a.innerHTML=await r.text();let o=a.firstElementChild;if(((n=o==null?void 0:o.tagName)==null?void 0:n.toLowerCase())!=="svg")return k;K||(K=new DOMParser);let d=K.parseFromString(o.outerHTML,"text/html").body.querySelector("svg");return d?(d.part.add("svg"),document.adoptNode(d)):k}catch(a){return k}}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 o;let{url:t,fromLibrary:e}=this.getIconSource(),r=e?M(this.library):void 0;if(!t){this.svg=null;return}let n=G.get(t);n||(n=this.resolveIcon(t,r),G.set(t,n));let a=await n;if(a===B&&G.delete(t),t===this.getIconSource().url){if(St(a)){this.svg=a;return}switch(a){case B:case k:this.svg=null,this.dispatchEvent(new Ht);break;default:this.svg=a.cloneNode(!0),(o=r==null?void 0:r.mutator)==null||o.call(r,this.svg),this.dispatchEvent(new yt)}}}updated(t){var n,a;super.updated(t);let e=M(this.library),r=(n=this.shadowRoot)==null?void 0:n.querySelector("svg");r&&((a=e==null?void 0:e.mutator)==null||a.call(e,r))}render(){return this.hasUpdated?this.svg:w`<svg part="svg" fill="currentColor" width="16" height="16"></svg>`}};u.css=Pt;i([E()],u.prototype,"svg",2);i([s()],u.prototype,"name",2);i([s()],u.prototype,"family",2);i([s()],u.prototype,"variant",2);i([s({attribute:"fixed-width",type:Boolean,reflect:!0})],u.prototype,"fixedWidth",2);i([s()],u.prototype,"src",2);i([s()],u.prototype,"label",2);i([s()],u.prototype,"library",2);i([L("label")],u.prototype,"handleLabelChange",1);i([L(["family","name","library","variant","src"])],u.prototype,"setIcon",1);u=i([b("wa-icon")],u);export{q as a,L as b,i as c,f as d,wt as e,lt as f,ct as g,vt as h};
|
|
663
|
+
`}};G.css=Pt;G=i([b("wa-spinner")],G);export{I as a,$ as b,i as c,f as d,Et as e,bt as f,yt as g,xt as h};
|
|
664
664
|
/*! Bundled license information:
|
|
665
665
|
|
|
666
|
+
lit-html/directive-helpers.js:
|
|
667
|
+
(**
|
|
668
|
+
* @license
|
|
669
|
+
* Copyright 2020 Google LLC
|
|
670
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
671
|
+
*)
|
|
672
|
+
|
|
666
673
|
lit-html/directive.js:
|
|
667
674
|
(**
|
|
668
675
|
* @license
|
|
@@ -690,11 +697,4 @@ lit-html/static.js:
|
|
|
690
697
|
* Copyright 2020 Google LLC
|
|
691
698
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
692
699
|
*)
|
|
693
|
-
|
|
694
|
-
lit-html/directive-helpers.js:
|
|
695
|
-
(**
|
|
696
|
-
* @license
|
|
697
|
-
* Copyright 2020 Google LLC
|
|
698
|
-
* SPDX-License-Identifier: BSD-3-Clause
|
|
699
|
-
*)
|
|
700
700
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.CS56NBTQ.js";var n=e;customElements.define("hot-consent",e);export{n as a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as
|
|
1
|
+
import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as u}from"./chunk.NI7UJOOZ.js";function p(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(o=0;o<i;o++)t[o]&&(e=p(t[o]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function b(){for(var t,o,e=0,r="",i=arguments.length;e<i;e++)(t=arguments[e])&&(o=p(t))&&(r&&(r+=" "),r+=o);return r}var x=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,y=b,z=(t,o)=>e=>{var r;if((o==null?void 0:o.variants)==null)return y(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:i,defaultVariants:s}=o,w=Object.keys(i).map(a=>{let n=e==null?void 0:e[a],d=s==null?void 0:s[a];if(n===null)return null;let l=x(n)||x(d);return i[a][l]}),h=e&&Object.entries(e).reduce((a,n)=>{let[d,l]=n;return l===void 0||(a[d]=l),a},{}),j=o==null||(r=o.compoundVariants)===null||r===void 0?void 0:r.reduce((a,n)=>{let g=n,{class:d,className:l}=g,k=u(g,["class","className"]);return Object.entries(k).every(V=>{let[f,m]=V;return Array.isArray(m)?m.includes(c(c({},s),h)[f]):c(c({},s),h)[f]===m})?[...a,d,l]:a},[]);return y(t,w,j,e==null?void 0:e.class,e==null?void 0:e.className)};var _=z(`
|
|
2
2
|
header
|
|
3
3
|
`,{variants:{size:{small:"header--size-small",medium:"header--size-medium",large:"header--size-large"},borderBottom:{true:"border-bottom"}}}),B=v`
|
|
4
4
|
.header {
|
|
@@ -74,10 +74,7 @@ import{b as v}from"./chunk.U4P7XQR4.js";import{a as c,c as f}from"./chunk.NI7UJO
|
|
|
74
74
|
gap: var(--hot-spacing-small);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
-
|
|
78
|
-
color: var(--hot-color-red-500);
|
|
79
|
-
background-color: var(--hot-color-red-600);
|
|
80
|
-
}
|
|
77
|
+
|
|
81
78
|
|
|
82
79
|
.header--logo-img {
|
|
83
80
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import '@awesome.me/webawesome/dist/components/button/button.js';
|
|
2
|
+
import '@awesome.me/webawesome/dist/components/icon/icon.js';
|
|
3
|
+
import { LitElement } from "lit";
|
|
4
|
+
import type { CSSResultGroup } from 'lit';
|
|
5
|
+
export declare class Button extends LitElement {
|
|
6
|
+
static styles: CSSResultGroup;
|
|
7
|
+
name: string;
|
|
8
|
+
/** The button variant to use. */
|
|
9
|
+
accessor variant: 'primary' | 'secondary' | 'outline' | 'success' | 'warning' | 'danger';
|
|
10
|
+
/** The button size. */
|
|
11
|
+
accessor size: 'small' | 'medium' | 'large';
|
|
12
|
+
/** The button appearance. */
|
|
13
|
+
accessor appearance: 'default' | 'icon';
|
|
14
|
+
/** Whether the button is disabled. */
|
|
15
|
+
accessor disabled: boolean;
|
|
16
|
+
/** Whether the button is in loading state. */
|
|
17
|
+
accessor loading: boolean;
|
|
18
|
+
/** The icon name to display. */
|
|
19
|
+
accessor icon: string;
|
|
20
|
+
/** The icon position relative to the text. */
|
|
21
|
+
accessor iconPosition: 'start' | 'end';
|
|
22
|
+
/** The button type. */
|
|
23
|
+
accessor type: 'button' | 'submit' | 'reset';
|
|
24
|
+
/** The HOT color variant to use. */
|
|
25
|
+
accessor hotColor: 'red' | 'yellow' | 'blue' | 'cyan' | 'rose' | 'gray' | '';
|
|
26
|
+
protected render(): import("lit").TemplateResult<1>;
|
|
27
|
+
}
|
|
28
|
+
export default Button;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a,b}from"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../../chunks/chunk.H5ZQREL2.js";import"../../chunks/chunk.HDZFWGNV.js";import"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a}from"../../chunks/chunk.U4GEH6YR.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.UYOJKKGV.js";import"../../chunks/chunk.CS56NBTQ.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.T4GALJJA.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import '@awesome.me/webawesome/dist/components/tab-group/tab-group.js';
|
|
2
2
|
import '@awesome.me/webawesome/dist/components/dialog/dialog.js';
|
|
3
|
-
import '@awesome.me/webawesome/dist/components/button/button.js';
|
|
4
3
|
import '@awesome.me/webawesome/dist/components/icon/icon.js';
|
|
5
4
|
import { LitElement } from "lit";
|
|
6
5
|
import { type sizes } from './header.styles.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.O6Q54UVK.js";import"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.IU7P7RMD.js";import"../../chunks/chunk.O6Q54UVK.js";import"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.VOBHDN5R.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as headerVariants,b as styles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as MatomoTracking,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.YYEOK7MA.js";import"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.YYEOK7MA.js";import"../../chunks/chunk.PDLGEB7T.js";import"../../chunks/chunk.6YSBNYKD.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.UNSJMT66.js";import"../../chunks/chunk.6ZDEZIWM.js";import"../../chunks/chunk.U4P7XQR4.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
|
package/dist/hotosm-ui.d.ts
CHANGED
|
@@ -2,4 +2,5 @@ import HotHeader from './components/header/header.js';
|
|
|
2
2
|
import HotLogo from './components/logo/logo.js';
|
|
3
3
|
import HotTracking from './components/tracking/tracking.js';
|
|
4
4
|
import HotConsent from './components/consent/consent.js';
|
|
5
|
-
|
|
5
|
+
import HotButton from './components/button/button.js';
|
|
6
|
+
export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, HotButton as Button, };
|
package/dist/hotosm-ui.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as o}from"./chunks/chunk.IU7P7RMD.js";import"./chunks/chunk.O6Q54UVK.js";import"./chunks/chunk.VOBHDN5R.js";import{a as t}from"./chunks/chunk.SZ46YTWY.js";import"./chunks/chunk.7RJ72M75.js";import"./chunks/chunk.UTSKEKTV.js";import{a as r}from"./chunks/chunk.YYEOK7MA.js";import"./chunks/chunk.PDLGEB7T.js";import{a}from"./chunks/chunk.H5ZQREL2.js";import"./chunks/chunk.HDZFWGNV.js";import"./chunks/chunk.U4GEH6YR.js";import{a as m}from"./chunks/chunk.UYOJKKGV.js";import"./chunks/chunk.CS56NBTQ.js";import"./chunks/chunk.6YSBNYKD.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.UNSJMT66.js";import"./chunks/chunk.6ZDEZIWM.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.T4GALJJA.js";import"./chunks/chunk.U4P7XQR4.js";import"./chunks/chunk.NI7UJOOZ.js";export{a as Button,m as Consent,o as Header,t as Logo,r as Tracking};
|
|
@@ -290,3 +290,228 @@
|
|
|
290
290
|
--wa-border-radius-circle: var(--hot-border-radius-circle); /* 50% */
|
|
291
291
|
}
|
|
292
292
|
}
|
|
293
|
+
|
|
294
|
+
/*
|
|
295
|
+
* Button Customizations
|
|
296
|
+
* Based on WebAwesome documentation: https://webawesome.com/docs/customizing/
|
|
297
|
+
*/
|
|
298
|
+
|
|
299
|
+
/* Custom Properties for Button Components */
|
|
300
|
+
wa-button {
|
|
301
|
+
/* Button sizing */
|
|
302
|
+
--size: var(--wa-space-l); /* 20px - default button height */
|
|
303
|
+
--padding-x: var(--wa-space-m); /* 16px horizontal padding */
|
|
304
|
+
--padding-y: var(--wa-space-s); /* 12px vertical padding */
|
|
305
|
+
|
|
306
|
+
/* Button appearance */
|
|
307
|
+
--border-radius: var(--wa-border-radius-m); /* 4px border radius */
|
|
308
|
+
--border-width: 1px;
|
|
309
|
+
--font-size: var(--wa-font-size-s); /* 14px font size */
|
|
310
|
+
--font-weight: var(--wa-font-weight-action); /* semibold */
|
|
311
|
+
|
|
312
|
+
/* Button states */
|
|
313
|
+
--transition-duration: 150ms;
|
|
314
|
+
--transition-timing: ease-out;
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
/* Button size variants */
|
|
318
|
+
wa-button[size="small"] {
|
|
319
|
+
--size: var(--wa-space-m); /* 16px */
|
|
320
|
+
--padding-x: var(--wa-space-s); /* 12px */
|
|
321
|
+
--padding-y: var(--wa-space-xs); /* 8px */
|
|
322
|
+
--font-size: var(--wa-font-size-xs); /* 12px */
|
|
323
|
+
}
|
|
324
|
+
|
|
325
|
+
wa-button[size="large"] {
|
|
326
|
+
--size: var(--wa-space-xl); /* 28px */
|
|
327
|
+
--padding-x: var(--wa-space-l); /* 20px */
|
|
328
|
+
--padding-y: var(--wa-space-m); /* 16px */
|
|
329
|
+
--font-size: var(--wa-font-size-m); /* 16px */
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
/* CSS Parts for advanced button styling */
|
|
333
|
+
wa-button::part(base) {
|
|
334
|
+
/* Base button styling */
|
|
335
|
+
border-radius: var(--border-radius);
|
|
336
|
+
border-width: var(--border-width);
|
|
337
|
+
font-size: var(--font-size);
|
|
338
|
+
font-weight: var(--font-weight);
|
|
339
|
+
padding: var(--padding-y) var(--padding-x);
|
|
340
|
+
min-height: var(--size);
|
|
341
|
+
transition: all var(--transition-duration) var(--transition-timing);
|
|
342
|
+
|
|
343
|
+
/* HOT-specific styling */
|
|
344
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
wa-button::part(base):hover {
|
|
348
|
+
/* Hover state */
|
|
349
|
+
transform: translateY(-1px);
|
|
350
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
351
|
+
}
|
|
352
|
+
|
|
353
|
+
wa-button::part(base):active {
|
|
354
|
+
/* Active state */
|
|
355
|
+
transform: translateY(0);
|
|
356
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
wa-button::part(base):focus-visible {
|
|
360
|
+
/* Focus state */
|
|
361
|
+
outline: 2px solid var(--wa-color-focus);
|
|
362
|
+
outline-offset: 2px;
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
wa-button::part(label) {
|
|
366
|
+
/* Button text styling */
|
|
367
|
+
font-family: var(--wa-font-family-body);
|
|
368
|
+
letter-spacing: 0.025em;
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
/* Button variant-specific styling */
|
|
372
|
+
wa-button[variant="primary"]::part(base) {
|
|
373
|
+
background: linear-gradient(135deg, var(--wa-color-brand-fill-loud), var(--wa-color-brand-fill-normal));
|
|
374
|
+
border-color: var(--wa-color-brand-border-loud);
|
|
375
|
+
color: var(--wa-color-brand-on-loud);
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
wa-button[variant="primary"]::part(base):hover {
|
|
379
|
+
background: linear-gradient(135deg, var(--wa-color-brand-fill-normal), var(--wa-color-brand-fill-quiet));
|
|
380
|
+
border-color: var(--wa-color-brand-border-normal);
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
wa-button[variant="secondary"]::part(base) {
|
|
384
|
+
background: var(--wa-color-neutral-fill-quiet);
|
|
385
|
+
border-color: var(--wa-color-neutral-border-normal);
|
|
386
|
+
color: var(--wa-color-neutral-on-quiet);
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
wa-button[variant="secondary"]::part(base):hover {
|
|
390
|
+
background: var(--wa-color-neutral-fill-normal);
|
|
391
|
+
border-color: var(--wa-color-neutral-border-loud);
|
|
392
|
+
color: var(--wa-color-neutral-on-normal);
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
wa-button[variant="outline"]::part(base) {
|
|
396
|
+
background: transparent;
|
|
397
|
+
border-color: var(--wa-color-brand-border-normal);
|
|
398
|
+
color: var(--wa-color-brand-on-normal);
|
|
399
|
+
}
|
|
400
|
+
|
|
401
|
+
wa-button[variant="outline"]::part(base):hover {
|
|
402
|
+
background: var(--wa-color-brand-fill-quiet);
|
|
403
|
+
border-color: var(--wa-color-brand-border-loud);
|
|
404
|
+
color: var(--wa-color-brand-on-quiet);
|
|
405
|
+
}
|
|
406
|
+
|
|
407
|
+
/* Success, warning, danger variants */
|
|
408
|
+
wa-button[variant="success"]::part(base) {
|
|
409
|
+
background: linear-gradient(135deg, var(--wa-color-success-fill-loud), var(--wa-color-success-fill-normal));
|
|
410
|
+
border-color: var(--wa-color-success-border-loud);
|
|
411
|
+
color: var(--wa-color-success-on-loud);
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
wa-button[variant="warning"]::part(base) {
|
|
415
|
+
background: linear-gradient(135deg, var(--wa-color-warning-fill-loud), var(--wa-color-warning-fill-normal));
|
|
416
|
+
border-color: var(--wa-color-warning-border-loud);
|
|
417
|
+
color: var(--wa-color-warning-on-loud);
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
wa-button[variant="danger"]::part(base) {
|
|
421
|
+
background: linear-gradient(135deg, var(--wa-color-danger-fill-loud), var(--wa-color-danger-fill-normal));
|
|
422
|
+
border-color: var(--wa-color-danger-border-loud);
|
|
423
|
+
color: var(--wa-color-danger-on-loud);
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
/* Custom states using :state() selector */
|
|
427
|
+
wa-button:state(disabled)::part(base) {
|
|
428
|
+
opacity: 0.5;
|
|
429
|
+
cursor: not-allowed;
|
|
430
|
+
transform: none;
|
|
431
|
+
box-shadow: none;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
wa-button:state(loading)::part(base) {
|
|
435
|
+
cursor: wait;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
/* Custom button classes for specific use cases */
|
|
439
|
+
wa-button.hot-gradient::part(base) {
|
|
440
|
+
background: linear-gradient(217deg, var(--wa-color-red-50), var(--wa-color-orange-50), var(--wa-color-yellow-50));
|
|
441
|
+
border: solid 1px var(--wa-color-orange-50);
|
|
442
|
+
color: white;
|
|
443
|
+
text-shadow: rgba(0, 0, 0, 0.3) 0 -1px;
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
wa-button.hot-gradient::part(base):hover {
|
|
447
|
+
box-shadow: var(--wa-shadow-m);
|
|
448
|
+
transform: translateY(-3px);
|
|
449
|
+
}
|
|
450
|
+
|
|
451
|
+
wa-button.hot-gradient::part(base):active {
|
|
452
|
+
box-shadow: inset var(--wa-shadow-s);
|
|
453
|
+
transform: translateY(0);
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
/* Icon button styling */
|
|
457
|
+
wa-button[appearance="icon"] {
|
|
458
|
+
--padding-x: var(--wa-space-xs);
|
|
459
|
+
--padding-y: var(--wa-space-xs);
|
|
460
|
+
--size: var(--wa-space-xl);
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
wa-button[appearance="icon"]::part(base) {
|
|
464
|
+
border-radius: var(--wa-border-radius-circle);
|
|
465
|
+
padding: var(--padding-y);
|
|
466
|
+
min-width: var(--size);
|
|
467
|
+
min-height: var(--size);
|
|
468
|
+
display: flex;
|
|
469
|
+
align-items: center;
|
|
470
|
+
justify-content: center;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
/* Native button element support */
|
|
474
|
+
button {
|
|
475
|
+
/* Apply same custom properties to native buttons */
|
|
476
|
+
--size: var(--wa-space-l);
|
|
477
|
+
--padding-x: var(--wa-space-m);
|
|
478
|
+
--padding-y: var(--wa-space-s);
|
|
479
|
+
--border-radius: var(--wa-border-radius-m);
|
|
480
|
+
--border-width: 1px;
|
|
481
|
+
--font-size: var(--wa-font-size-s);
|
|
482
|
+
--font-weight: var(--wa-font-weight-action);
|
|
483
|
+
--transition-duration: 150ms;
|
|
484
|
+
--transition-timing: ease-out;
|
|
485
|
+
|
|
486
|
+
border-radius: var(--border-radius);
|
|
487
|
+
border-width: var(--border-width);
|
|
488
|
+
font-size: var(--font-size);
|
|
489
|
+
font-weight: var(--font-weight);
|
|
490
|
+
padding: var(--padding-y) var(--padding-x);
|
|
491
|
+
min-height: var(--size);
|
|
492
|
+
transition: all var(--transition-duration) var(--transition-timing);
|
|
493
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
494
|
+
cursor: pointer;
|
|
495
|
+
}
|
|
496
|
+
|
|
497
|
+
button:hover {
|
|
498
|
+
transform: translateY(-1px);
|
|
499
|
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
button:active {
|
|
503
|
+
transform: translateY(0);
|
|
504
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
button:focus-visible {
|
|
508
|
+
outline: 2px solid var(--wa-color-focus);
|
|
509
|
+
outline-offset: 2px;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
button:disabled {
|
|
513
|
+
opacity: 0.5;
|
|
514
|
+
cursor: not-allowed;
|
|
515
|
+
transform: none;
|
|
516
|
+
box-shadow: none;
|
|
517
|
+
}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk.MIYFUINI.js";var n=e;customElements.define("hot-consent",e);export{n as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk.HCXPZJU6.js";var r=e;customElements.define("hot-header",e);export{r as a};
|