@xwiki/cristal-electron-renderer 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/LICENSE +505 -0
  3. package/dist/Marianne-Bold-CYjThbH0.woff2 +0 -0
  4. package/dist/Marianne-Bold-u6yfe4-h.woff +0 -0
  5. package/dist/Marianne-Bold_Italic-BWnPOpjP.woff +0 -0
  6. package/dist/Marianne-Bold_Italic-BqW9V1Nh.woff2 +0 -0
  7. package/dist/Marianne-Light-DqWaxKdz.woff +0 -0
  8. package/dist/Marianne-Light-DsZfzyg9.woff2 +0 -0
  9. package/dist/Marianne-Light_Italic-BJOCXSxu.woff +0 -0
  10. package/dist/Marianne-Light_Italic-Yne2G_jl.woff2 +0 -0
  11. package/dist/Marianne-Medium-CmsIrdJJ.woff +0 -0
  12. package/dist/Marianne-Medium-DptVAR1p.woff2 +0 -0
  13. package/dist/Marianne-Medium_Italic-BP8MGzkr.woff +0 -0
  14. package/dist/Marianne-Medium_Italic-WqZFT7wM.woff2 +0 -0
  15. package/dist/Marianne-Regular-CaCqrnJM.woff2 +0 -0
  16. package/dist/Marianne-Regular-DxIeSxmB.woff +0 -0
  17. package/dist/Marianne-Regular_Italic-BQJsTSNr.woff +0 -0
  18. package/dist/Marianne-Regular_Italic-DdH8FtNo.woff2 +0 -0
  19. package/dist/Spectral-ExtraBold-CCzfBm-A.woff2 +0 -0
  20. package/dist/Spectral-ExtraBold-U325s3c2.woff +0 -0
  21. package/dist/Spectral-Regular-D0Iocl0n.woff +0 -0
  22. package/dist/Spectral-Regular-PmBQicsR.woff2 +0 -0
  23. package/dist/bootstrap-icons-BOrJxbIo.woff +0 -0
  24. package/dist/bootstrap-icons-BtvjY1KL.woff2 +0 -0
  25. package/dist/chunk.2Y62WHSU-C8i5cHiy.js +121 -0
  26. package/dist/chunk.2Y62WHSU-C8i5cHiy.js.map +1 -0
  27. package/dist/chunk.6DH62NIS-CVBVc-bX.js +684 -0
  28. package/dist/chunk.6DH62NIS-CVBVc-bX.js.map +1 -0
  29. package/dist/chunk.GAND2OKP-lICOl7JF.js +89 -0
  30. package/dist/chunk.GAND2OKP-lICOl7JF.js.map +1 -0
  31. package/dist/chunk.I6OQK3N3-BBclK2fM.js +117 -0
  32. package/dist/chunk.I6OQK3N3-BBclK2fM.js.map +1 -0
  33. package/dist/chunk.KWPBDQ6I-Bf3dc1GJ.js +2 -0
  34. package/dist/chunk.KWPBDQ6I-Bf3dc1GJ.js.map +1 -0
  35. package/dist/chunk.LHI6QEL2-DbpPiPxS.js +75 -0
  36. package/dist/chunk.LHI6QEL2-DbpPiPxS.js.map +1 -0
  37. package/dist/chunk.MGEAXYVX-o-WC3ZVc.js +77 -0
  38. package/dist/chunk.MGEAXYVX-o-WC3ZVc.js.map +1 -0
  39. package/dist/chunk.NYIIDP5N-AHr3eTN0.js +2 -0
  40. package/dist/chunk.NYIIDP5N-AHr3eTN0.js.map +1 -0
  41. package/dist/chunk.TUZSOS6C-DxyWSdpL.js +38 -0
  42. package/dist/chunk.TUZSOS6C-DxyWSdpL.js.map +1 -0
  43. package/dist/chunk.WJBFYL4X-Cbeo_gEa.js +24 -0
  44. package/dist/chunk.WJBFYL4X-Cbeo_gEa.js.map +1 -0
  45. package/dist/chunk.WYDJ5QAQ-C81Elw3D.js +163 -0
  46. package/dist/chunk.WYDJ5QAQ-C81Elw3D.js.map +1 -0
  47. package/dist/chunk.XX4STEEY-COEpspdZ.js +455 -0
  48. package/dist/chunk.XX4STEEY-COEpspdZ.js.map +1 -0
  49. package/dist/chunk.Z6CYCANS-DF0ctyRp.js +134 -0
  50. package/dist/chunk.Z6CYCANS-DF0ctyRp.js.map +1 -0
  51. package/dist/class-map-C3Xk0adH.js +10 -0
  52. package/dist/class-map-C3Xk0adH.js.map +1 -0
  53. package/dist/config.json +106 -0
  54. package/dist/if-defined-DAvNwoU5.js +6 -0
  55. package/dist/if-defined-DAvNwoU5.js.map +1 -0
  56. package/dist/index-DK0YwuAW.js +411 -0
  57. package/dist/index-DK0YwuAW.js.map +1 -0
  58. package/dist/index-ScDkqPqn.css +28 -0
  59. package/dist/index.html +13 -0
  60. package/dist/materialdesignicons-webfont-B7mPwVP_.ttf +0 -0
  61. package/dist/materialdesignicons-webfont-CSr8KVlo.eot +0 -0
  62. package/dist/materialdesignicons-webfont-Dp5v-WZN.woff2 +0 -0
  63. package/dist/materialdesignicons-webfont-PXm3-2wK.woff +0 -0
  64. package/dist/no-one-Cv0r_Hkg.svg +15 -0
  65. package/dist/query-D1pSaKds.js +10 -0
  66. package/dist/query-D1pSaKds.js.map +1 -0
  67. package/dist/static-CdL8EPVS.js +7 -0
  68. package/dist/static-CdL8EPVS.js.map +1 -0
  69. package/dist/staticBuild-BlyaXHUF.css +1 -0
  70. package/dist/staticBuild-BoKVadnu.js +1063 -0
  71. package/dist/staticBuild-BoKVadnu.js.map +1 -0
  72. package/dist/worker-CybHddrE.js +211 -0
  73. package/dist/worker-CybHddrE.js.map +1 -0
  74. package/dist/x-alert-7r5rx0d7.js +2 -0
  75. package/dist/x-alert-7r5rx0d7.js.map +1 -0
  76. package/dist/x-alert-l0oP9PUN.js +2 -0
  77. package/dist/x-alert-l0oP9PUN.js.map +1 -0
  78. package/dist/x-alert-uqeGd1IW.js +2 -0
  79. package/dist/x-alert-uqeGd1IW.js.map +1 -0
  80. package/dist/x-avatar-BARZZcgr.js +2 -0
  81. package/dist/x-avatar-BARZZcgr.js.map +1 -0
  82. package/dist/x-avatar-CfnVd4CE.css +1 -0
  83. package/dist/x-avatar-DnbaVGNC.js +2 -0
  84. package/dist/x-avatar-DnbaVGNC.js.map +1 -0
  85. package/dist/x-avatar-rzw6K8Wc.js +2 -0
  86. package/dist/x-avatar-rzw6K8Wc.js.map +1 -0
  87. package/dist/x-breadcrumb-CzKs24Jh.js +2 -0
  88. package/dist/x-breadcrumb-CzKs24Jh.js.map +1 -0
  89. package/dist/x-breadcrumb-VokcqVrB.js +2 -0
  90. package/dist/x-breadcrumb-VokcqVrB.js.map +1 -0
  91. package/dist/x-btn-BNO2Vh9q.js +2 -0
  92. package/dist/x-btn-BNO2Vh9q.js.map +1 -0
  93. package/dist/x-btn-BeE4ChBm.js +2 -0
  94. package/dist/x-btn-BeE4ChBm.js.map +1 -0
  95. package/dist/x-btn-D2HJcK1C.css +1 -0
  96. package/dist/x-btn-DOkDF37q.js +2 -0
  97. package/dist/x-btn-DOkDF37q.js.map +1 -0
  98. package/dist/x-card-BzquGj3n.js +2 -0
  99. package/dist/x-card-BzquGj3n.js.map +1 -0
  100. package/dist/x-card-D6loY5Bx.js +2 -0
  101. package/dist/x-card-D6loY5Bx.js.map +1 -0
  102. package/dist/x-card-D_W5kTzv.js +2 -0
  103. package/dist/x-card-D_W5kTzv.js.map +1 -0
  104. package/dist/x-col-B5OPXPr8.js +2 -0
  105. package/dist/x-col-B5OPXPr8.js.map +1 -0
  106. package/dist/x-col-KJDQojCc.js +2 -0
  107. package/dist/x-col-KJDQojCc.js.map +1 -0
  108. package/dist/x-container-e-eRQnv6.js +2 -0
  109. package/dist/x-container-e-eRQnv6.js.map +1 -0
  110. package/dist/x-container-e4wjA5VY.js +2 -0
  111. package/dist/x-container-e4wjA5VY.js.map +1 -0
  112. package/dist/x-dialog-D6r8mi6-.js +2 -0
  113. package/dist/x-dialog-D6r8mi6-.js.map +1 -0
  114. package/dist/x-dialog-DYWxApRD.js +2 -0
  115. package/dist/x-dialog-DYWxApRD.js.map +1 -0
  116. package/dist/x-dialog-oAn88o9T.js +2 -0
  117. package/dist/x-dialog-oAn88o9T.js.map +1 -0
  118. package/dist/x-divider-BCwuNKpo.js +2 -0
  119. package/dist/x-divider-BCwuNKpo.js.map +1 -0
  120. package/dist/x-divider-BnEfygqi.js +2 -0
  121. package/dist/x-divider-BnEfygqi.js.map +1 -0
  122. package/dist/x-divider-rvXgbWfE.js +2 -0
  123. package/dist/x-divider-rvXgbWfE.js.map +1 -0
  124. package/dist/x-img-B2B5glWY.js +2 -0
  125. package/dist/x-img-B2B5glWY.js.map +1 -0
  126. package/dist/x-img-Bj_1ZxwL.js +2 -0
  127. package/dist/x-img-Bj_1ZxwL.js.map +1 -0
  128. package/dist/x-img-iz7nX54V.js +2 -0
  129. package/dist/x-img-iz7nX54V.js.map +1 -0
  130. package/dist/x-load-B-IMf3jW.js +2 -0
  131. package/dist/x-load-B-IMf3jW.js.map +1 -0
  132. package/dist/x-load-DKS8UJZy.js +2 -0
  133. package/dist/x-load-DKS8UJZy.js.map +1 -0
  134. package/dist/x-load-DYuGRQQC.css +1 -0
  135. package/dist/x-load-Diex9fJK.js +2 -0
  136. package/dist/x-load-Diex9fJK.js.map +1 -0
  137. package/dist/x-load-DyIF2nXd.css +5 -0
  138. package/dist/x-load-THoDQrSz.css +3 -0
  139. package/dist/x-menu-BBb2QzOu.js +2 -0
  140. package/dist/x-menu-BBb2QzOu.js.map +1 -0
  141. package/dist/x-menu-BKquCdsX.js +4963 -0
  142. package/dist/x-menu-BKquCdsX.js.map +1 -0
  143. package/dist/x-menu-Ce37WOnf.js +2 -0
  144. package/dist/x-menu-Ce37WOnf.js.map +1 -0
  145. package/dist/x-menu-item-JuTN7QVh.js +2 -0
  146. package/dist/x-menu-item-JuTN7QVh.js.map +1 -0
  147. package/dist/x-menuitem-CNKTVGiE.js +2 -0
  148. package/dist/x-menuitem-CNKTVGiE.js.map +1 -0
  149. package/dist/x-menuitem-CVO0asxe.js +2 -0
  150. package/dist/x-menuitem-CVO0asxe.js.map +1 -0
  151. package/dist/x-row-B5OPXPr8.js +2 -0
  152. package/dist/x-row-B5OPXPr8.js.map +1 -0
  153. package/dist/x-row-KJDQojCc.js +2 -0
  154. package/dist/x-row-KJDQojCc.js.map +1 -0
  155. package/dist/x-search-B0oJfSre.js +2 -0
  156. package/dist/x-search-B0oJfSre.js.map +1 -0
  157. package/dist/x-search-D_rjUBBL.js +2 -0
  158. package/dist/x-search-D_rjUBBL.js.map +1 -0
  159. package/dist/x-textfield-CRySrmrj.js +2 -0
  160. package/dist/x-textfield-CRySrmrj.js.map +1 -0
  161. package/dist/x-textfield-GtnNDOX1.js +2 -0
  162. package/dist/x-textfield-GtnNDOX1.js.map +1 -0
  163. package/dist/xwiki-logo-color-DZ9bdNW4.svg +18 -0
  164. package/index.html +12 -0
  165. package/package.json +38 -0
  166. package/public/config.json +106 -0
  167. package/src/index.ts +50 -0
  168. package/src/vite-env.d.ts +27 -0
  169. package/src/vue.d.ts +32 -0
  170. package/tsconfig.json +21 -0
  171. package/vite.config.js +79 -0
@@ -0,0 +1,684 @@
1
+ import{i,c as u,S as d,x as h,_ as o,n as r}from"./chunk.TUZSOS6C-DxyWSdpL.js";import{L as c,o as l}from"./if-defined-DAvNwoU5.js";import{F as v,v as g}from"./chunk.KWPBDQ6I-Bf3dc1GJ.js";import{S as m,r as b,w as f}from"./chunk.I6OQK3N3-BBclK2fM.js";import{H as y}from"./chunk.NYIIDP5N-AHr3eTN0.js";import{e as _}from"./class-map-C3Xk0adH.js";import{s,n as a}from"./static-CdL8EPVS.js";import{e as k}from"./query-D1pSaKds.js";var x=i`
2
+ :host {
3
+ --track-width: 2px;
4
+ --track-color: rgb(128 128 128 / 25%);
5
+ --indicator-color: var(--sl-color-primary-600);
6
+ --speed: 2s;
7
+
8
+ display: inline-flex;
9
+ width: 1em;
10
+ height: 1em;
11
+ flex: none;
12
+ }
13
+
14
+ .spinner {
15
+ flex: 1 1 auto;
16
+ height: 100%;
17
+ width: 100%;
18
+ }
19
+
20
+ .spinner__track,
21
+ .spinner__indicator {
22
+ fill: none;
23
+ stroke-width: var(--track-width);
24
+ r: calc(0.5em - var(--track-width) / 2);
25
+ cx: 0.5em;
26
+ cy: 0.5em;
27
+ transform-origin: 50% 50%;
28
+ }
29
+
30
+ .spinner__track {
31
+ stroke: var(--track-color);
32
+ transform-origin: 0% 0%;
33
+ }
34
+
35
+ .spinner__indicator {
36
+ stroke: var(--indicator-color);
37
+ stroke-linecap: round;
38
+ stroke-dasharray: 150% 75%;
39
+ animation: spin var(--speed) linear infinite;
40
+ }
41
+
42
+ @keyframes spin {
43
+ 0% {
44
+ transform: rotate(0deg);
45
+ stroke-dasharray: 0.05em, 3em;
46
+ }
47
+
48
+ 50% {
49
+ transform: rotate(450deg);
50
+ stroke-dasharray: 1.375em, 1.375em;
51
+ }
52
+
53
+ 100% {
54
+ transform: rotate(1080deg);
55
+ stroke-dasharray: 0.05em, 3em;
56
+ }
57
+ }
58
+ `,p=class extends d{constructor(){super(...arguments),this.localize=new c(this)}render(){return h`
59
+ <svg part="base" class="spinner" role="progressbar" aria-label=${this.localize.term("loading")}>
60
+ <circle class="spinner__track"></circle>
61
+ <circle class="spinner__indicator"></circle>
62
+ </svg>
63
+ `}};p.styles=[u,x];var w=i`
64
+ :host {
65
+ display: inline-block;
66
+ position: relative;
67
+ width: auto;
68
+ cursor: pointer;
69
+ }
70
+
71
+ .button {
72
+ display: inline-flex;
73
+ align-items: stretch;
74
+ justify-content: center;
75
+ width: 100%;
76
+ border-style: solid;
77
+ border-width: var(--sl-input-border-width);
78
+ font-family: var(--sl-input-font-family);
79
+ font-weight: var(--sl-font-weight-semibold);
80
+ text-decoration: none;
81
+ user-select: none;
82
+ -webkit-user-select: none;
83
+ white-space: nowrap;
84
+ vertical-align: middle;
85
+ padding: 0;
86
+ transition:
87
+ var(--sl-transition-x-fast) background-color,
88
+ var(--sl-transition-x-fast) color,
89
+ var(--sl-transition-x-fast) border,
90
+ var(--sl-transition-x-fast) box-shadow;
91
+ cursor: inherit;
92
+ }
93
+
94
+ .button::-moz-focus-inner {
95
+ border: 0;
96
+ }
97
+
98
+ .button:focus {
99
+ outline: none;
100
+ }
101
+
102
+ .button:focus-visible {
103
+ outline: var(--sl-focus-ring);
104
+ outline-offset: var(--sl-focus-ring-offset);
105
+ }
106
+
107
+ .button--disabled {
108
+ opacity: 0.5;
109
+ cursor: not-allowed;
110
+ }
111
+
112
+ /* When disabled, prevent mouse events from bubbling up from children */
113
+ .button--disabled * {
114
+ pointer-events: none;
115
+ }
116
+
117
+ .button__prefix,
118
+ .button__suffix {
119
+ flex: 0 0 auto;
120
+ display: flex;
121
+ align-items: center;
122
+ pointer-events: none;
123
+ }
124
+
125
+ .button__label {
126
+ display: inline-block;
127
+ }
128
+
129
+ .button__label::slotted(sl-icon) {
130
+ vertical-align: -2px;
131
+ }
132
+
133
+ /*
134
+ * Standard buttons
135
+ */
136
+
137
+ /* Default */
138
+ .button--standard.button--default {
139
+ background-color: var(--sl-color-neutral-0);
140
+ border-color: var(--sl-color-neutral-300);
141
+ color: var(--sl-color-neutral-700);
142
+ }
143
+
144
+ .button--standard.button--default:hover:not(.button--disabled) {
145
+ background-color: var(--sl-color-primary-50);
146
+ border-color: var(--sl-color-primary-300);
147
+ color: var(--sl-color-primary-700);
148
+ }
149
+
150
+ .button--standard.button--default:active:not(.button--disabled) {
151
+ background-color: var(--sl-color-primary-100);
152
+ border-color: var(--sl-color-primary-400);
153
+ color: var(--sl-color-primary-700);
154
+ }
155
+
156
+ /* Primary */
157
+ .button--standard.button--primary {
158
+ background-color: var(--sl-color-primary-600);
159
+ border-color: var(--sl-color-primary-600);
160
+ color: var(--sl-color-neutral-0);
161
+ }
162
+
163
+ .button--standard.button--primary:hover:not(.button--disabled) {
164
+ background-color: var(--sl-color-primary-500);
165
+ border-color: var(--sl-color-primary-500);
166
+ color: var(--sl-color-neutral-0);
167
+ }
168
+
169
+ .button--standard.button--primary:active:not(.button--disabled) {
170
+ background-color: var(--sl-color-primary-600);
171
+ border-color: var(--sl-color-primary-600);
172
+ color: var(--sl-color-neutral-0);
173
+ }
174
+
175
+ /* Success */
176
+ .button--standard.button--success {
177
+ background-color: var(--sl-color-success-600);
178
+ border-color: var(--sl-color-success-600);
179
+ color: var(--sl-color-neutral-0);
180
+ }
181
+
182
+ .button--standard.button--success:hover:not(.button--disabled) {
183
+ background-color: var(--sl-color-success-500);
184
+ border-color: var(--sl-color-success-500);
185
+ color: var(--sl-color-neutral-0);
186
+ }
187
+
188
+ .button--standard.button--success:active:not(.button--disabled) {
189
+ background-color: var(--sl-color-success-600);
190
+ border-color: var(--sl-color-success-600);
191
+ color: var(--sl-color-neutral-0);
192
+ }
193
+
194
+ /* Neutral */
195
+ .button--standard.button--neutral {
196
+ background-color: var(--sl-color-neutral-600);
197
+ border-color: var(--sl-color-neutral-600);
198
+ color: var(--sl-color-neutral-0);
199
+ }
200
+
201
+ .button--standard.button--neutral:hover:not(.button--disabled) {
202
+ background-color: var(--sl-color-neutral-500);
203
+ border-color: var(--sl-color-neutral-500);
204
+ color: var(--sl-color-neutral-0);
205
+ }
206
+
207
+ .button--standard.button--neutral:active:not(.button--disabled) {
208
+ background-color: var(--sl-color-neutral-600);
209
+ border-color: var(--sl-color-neutral-600);
210
+ color: var(--sl-color-neutral-0);
211
+ }
212
+
213
+ /* Warning */
214
+ .button--standard.button--warning {
215
+ background-color: var(--sl-color-warning-600);
216
+ border-color: var(--sl-color-warning-600);
217
+ color: var(--sl-color-neutral-0);
218
+ }
219
+ .button--standard.button--warning:hover:not(.button--disabled) {
220
+ background-color: var(--sl-color-warning-500);
221
+ border-color: var(--sl-color-warning-500);
222
+ color: var(--sl-color-neutral-0);
223
+ }
224
+
225
+ .button--standard.button--warning:active:not(.button--disabled) {
226
+ background-color: var(--sl-color-warning-600);
227
+ border-color: var(--sl-color-warning-600);
228
+ color: var(--sl-color-neutral-0);
229
+ }
230
+
231
+ /* Danger */
232
+ .button--standard.button--danger {
233
+ background-color: var(--sl-color-danger-600);
234
+ border-color: var(--sl-color-danger-600);
235
+ color: var(--sl-color-neutral-0);
236
+ }
237
+
238
+ .button--standard.button--danger:hover:not(.button--disabled) {
239
+ background-color: var(--sl-color-danger-500);
240
+ border-color: var(--sl-color-danger-500);
241
+ color: var(--sl-color-neutral-0);
242
+ }
243
+
244
+ .button--standard.button--danger:active:not(.button--disabled) {
245
+ background-color: var(--sl-color-danger-600);
246
+ border-color: var(--sl-color-danger-600);
247
+ color: var(--sl-color-neutral-0);
248
+ }
249
+
250
+ /*
251
+ * Outline buttons
252
+ */
253
+
254
+ .button--outline {
255
+ background: none;
256
+ border: solid 1px;
257
+ }
258
+
259
+ /* Default */
260
+ .button--outline.button--default {
261
+ border-color: var(--sl-color-neutral-300);
262
+ color: var(--sl-color-neutral-700);
263
+ }
264
+
265
+ .button--outline.button--default:hover:not(.button--disabled),
266
+ .button--outline.button--default.button--checked:not(.button--disabled) {
267
+ border-color: var(--sl-color-primary-600);
268
+ background-color: var(--sl-color-primary-600);
269
+ color: var(--sl-color-neutral-0);
270
+ }
271
+
272
+ .button--outline.button--default:active:not(.button--disabled) {
273
+ border-color: var(--sl-color-primary-700);
274
+ background-color: var(--sl-color-primary-700);
275
+ color: var(--sl-color-neutral-0);
276
+ }
277
+
278
+ /* Primary */
279
+ .button--outline.button--primary {
280
+ border-color: var(--sl-color-primary-600);
281
+ color: var(--sl-color-primary-600);
282
+ }
283
+
284
+ .button--outline.button--primary:hover:not(.button--disabled),
285
+ .button--outline.button--primary.button--checked:not(.button--disabled) {
286
+ background-color: var(--sl-color-primary-600);
287
+ color: var(--sl-color-neutral-0);
288
+ }
289
+
290
+ .button--outline.button--primary:active:not(.button--disabled) {
291
+ border-color: var(--sl-color-primary-700);
292
+ background-color: var(--sl-color-primary-700);
293
+ color: var(--sl-color-neutral-0);
294
+ }
295
+
296
+ /* Success */
297
+ .button--outline.button--success {
298
+ border-color: var(--sl-color-success-600);
299
+ color: var(--sl-color-success-600);
300
+ }
301
+
302
+ .button--outline.button--success:hover:not(.button--disabled),
303
+ .button--outline.button--success.button--checked:not(.button--disabled) {
304
+ background-color: var(--sl-color-success-600);
305
+ color: var(--sl-color-neutral-0);
306
+ }
307
+
308
+ .button--outline.button--success:active:not(.button--disabled) {
309
+ border-color: var(--sl-color-success-700);
310
+ background-color: var(--sl-color-success-700);
311
+ color: var(--sl-color-neutral-0);
312
+ }
313
+
314
+ /* Neutral */
315
+ .button--outline.button--neutral {
316
+ border-color: var(--sl-color-neutral-600);
317
+ color: var(--sl-color-neutral-600);
318
+ }
319
+
320
+ .button--outline.button--neutral:hover:not(.button--disabled),
321
+ .button--outline.button--neutral.button--checked:not(.button--disabled) {
322
+ background-color: var(--sl-color-neutral-600);
323
+ color: var(--sl-color-neutral-0);
324
+ }
325
+
326
+ .button--outline.button--neutral:active:not(.button--disabled) {
327
+ border-color: var(--sl-color-neutral-700);
328
+ background-color: var(--sl-color-neutral-700);
329
+ color: var(--sl-color-neutral-0);
330
+ }
331
+
332
+ /* Warning */
333
+ .button--outline.button--warning {
334
+ border-color: var(--sl-color-warning-600);
335
+ color: var(--sl-color-warning-600);
336
+ }
337
+
338
+ .button--outline.button--warning:hover:not(.button--disabled),
339
+ .button--outline.button--warning.button--checked:not(.button--disabled) {
340
+ background-color: var(--sl-color-warning-600);
341
+ color: var(--sl-color-neutral-0);
342
+ }
343
+
344
+ .button--outline.button--warning:active:not(.button--disabled) {
345
+ border-color: var(--sl-color-warning-700);
346
+ background-color: var(--sl-color-warning-700);
347
+ color: var(--sl-color-neutral-0);
348
+ }
349
+
350
+ /* Danger */
351
+ .button--outline.button--danger {
352
+ border-color: var(--sl-color-danger-600);
353
+ color: var(--sl-color-danger-600);
354
+ }
355
+
356
+ .button--outline.button--danger:hover:not(.button--disabled),
357
+ .button--outline.button--danger.button--checked:not(.button--disabled) {
358
+ background-color: var(--sl-color-danger-600);
359
+ color: var(--sl-color-neutral-0);
360
+ }
361
+
362
+ .button--outline.button--danger:active:not(.button--disabled) {
363
+ border-color: var(--sl-color-danger-700);
364
+ background-color: var(--sl-color-danger-700);
365
+ color: var(--sl-color-neutral-0);
366
+ }
367
+
368
+ @media (forced-colors: active) {
369
+ .button.button--outline.button--checked:not(.button--disabled) {
370
+ outline: solid 2px transparent;
371
+ }
372
+ }
373
+
374
+ /*
375
+ * Text buttons
376
+ */
377
+
378
+ .button--text {
379
+ background-color: transparent;
380
+ border-color: transparent;
381
+ color: var(--sl-color-primary-600);
382
+ }
383
+
384
+ .button--text:hover:not(.button--disabled) {
385
+ background-color: transparent;
386
+ border-color: transparent;
387
+ color: var(--sl-color-primary-500);
388
+ }
389
+
390
+ .button--text:focus-visible:not(.button--disabled) {
391
+ background-color: transparent;
392
+ border-color: transparent;
393
+ color: var(--sl-color-primary-500);
394
+ }
395
+
396
+ .button--text:active:not(.button--disabled) {
397
+ background-color: transparent;
398
+ border-color: transparent;
399
+ color: var(--sl-color-primary-700);
400
+ }
401
+
402
+ /*
403
+ * Size modifiers
404
+ */
405
+
406
+ .button--small {
407
+ height: auto;
408
+ min-height: var(--sl-input-height-small);
409
+ font-size: var(--sl-button-font-size-small);
410
+ line-height: calc(var(--sl-input-height-small) - var(--sl-input-border-width) * 2);
411
+ border-radius: var(--sl-input-border-radius-small);
412
+ }
413
+
414
+ .button--medium {
415
+ height: auto;
416
+ min-height: var(--sl-input-height-medium);
417
+ font-size: var(--sl-button-font-size-medium);
418
+ line-height: calc(var(--sl-input-height-medium) - var(--sl-input-border-width) * 2);
419
+ border-radius: var(--sl-input-border-radius-medium);
420
+ }
421
+
422
+ .button--large {
423
+ height: auto;
424
+ min-height: var(--sl-input-height-large);
425
+ font-size: var(--sl-button-font-size-large);
426
+ line-height: calc(var(--sl-input-height-large) - var(--sl-input-border-width) * 2);
427
+ border-radius: var(--sl-input-border-radius-large);
428
+ }
429
+
430
+ /*
431
+ * Pill modifier
432
+ */
433
+
434
+ .button--pill.button--small {
435
+ border-radius: var(--sl-input-height-small);
436
+ }
437
+
438
+ .button--pill.button--medium {
439
+ border-radius: var(--sl-input-height-medium);
440
+ }
441
+
442
+ .button--pill.button--large {
443
+ border-radius: var(--sl-input-height-large);
444
+ }
445
+
446
+ /*
447
+ * Circle modifier
448
+ */
449
+
450
+ .button--circle {
451
+ padding-left: 0;
452
+ padding-right: 0;
453
+ }
454
+
455
+ .button--circle.button--small {
456
+ width: var(--sl-input-height-small);
457
+ border-radius: 50%;
458
+ }
459
+
460
+ .button--circle.button--medium {
461
+ width: var(--sl-input-height-medium);
462
+ border-radius: 50%;
463
+ }
464
+
465
+ .button--circle.button--large {
466
+ width: var(--sl-input-height-large);
467
+ border-radius: 50%;
468
+ }
469
+
470
+ .button--circle .button__prefix,
471
+ .button--circle .button__suffix,
472
+ .button--circle .button__caret {
473
+ display: none;
474
+ }
475
+
476
+ /*
477
+ * Caret modifier
478
+ */
479
+
480
+ .button--caret .button__suffix {
481
+ display: none;
482
+ }
483
+
484
+ .button--caret .button__caret {
485
+ height: auto;
486
+ }
487
+
488
+ /*
489
+ * Loading modifier
490
+ */
491
+
492
+ .button--loading {
493
+ position: relative;
494
+ cursor: wait;
495
+ }
496
+
497
+ .button--loading .button__prefix,
498
+ .button--loading .button__label,
499
+ .button--loading .button__suffix,
500
+ .button--loading .button__caret {
501
+ visibility: hidden;
502
+ }
503
+
504
+ .button--loading sl-spinner {
505
+ --indicator-color: currentColor;
506
+ position: absolute;
507
+ font-size: 1em;
508
+ height: 1em;
509
+ width: 1em;
510
+ top: calc(50% - 0.5em);
511
+ left: calc(50% - 0.5em);
512
+ }
513
+
514
+ /*
515
+ * Badges
516
+ */
517
+
518
+ .button ::slotted(sl-badge) {
519
+ position: absolute;
520
+ top: 0;
521
+ right: 0;
522
+ translate: 50% -50%;
523
+ pointer-events: none;
524
+ }
525
+
526
+ .button--rtl ::slotted(sl-badge) {
527
+ right: auto;
528
+ left: 0;
529
+ translate: -50% -50%;
530
+ }
531
+
532
+ /*
533
+ * Button spacing
534
+ */
535
+
536
+ .button--has-label.button--small .button__label {
537
+ padding: 0 var(--sl-spacing-small);
538
+ }
539
+
540
+ .button--has-label.button--medium .button__label {
541
+ padding: 0 var(--sl-spacing-medium);
542
+ }
543
+
544
+ .button--has-label.button--large .button__label {
545
+ padding: 0 var(--sl-spacing-large);
546
+ }
547
+
548
+ .button--has-prefix.button--small {
549
+ padding-inline-start: var(--sl-spacing-x-small);
550
+ }
551
+
552
+ .button--has-prefix.button--small .button__label {
553
+ padding-inline-start: var(--sl-spacing-x-small);
554
+ }
555
+
556
+ .button--has-prefix.button--medium {
557
+ padding-inline-start: var(--sl-spacing-small);
558
+ }
559
+
560
+ .button--has-prefix.button--medium .button__label {
561
+ padding-inline-start: var(--sl-spacing-small);
562
+ }
563
+
564
+ .button--has-prefix.button--large {
565
+ padding-inline-start: var(--sl-spacing-small);
566
+ }
567
+
568
+ .button--has-prefix.button--large .button__label {
569
+ padding-inline-start: var(--sl-spacing-small);
570
+ }
571
+
572
+ .button--has-suffix.button--small,
573
+ .button--caret.button--small {
574
+ padding-inline-end: var(--sl-spacing-x-small);
575
+ }
576
+
577
+ .button--has-suffix.button--small .button__label,
578
+ .button--caret.button--small .button__label {
579
+ padding-inline-end: var(--sl-spacing-x-small);
580
+ }
581
+
582
+ .button--has-suffix.button--medium,
583
+ .button--caret.button--medium {
584
+ padding-inline-end: var(--sl-spacing-small);
585
+ }
586
+
587
+ .button--has-suffix.button--medium .button__label,
588
+ .button--caret.button--medium .button__label {
589
+ padding-inline-end: var(--sl-spacing-small);
590
+ }
591
+
592
+ .button--has-suffix.button--large,
593
+ .button--caret.button--large {
594
+ padding-inline-end: var(--sl-spacing-small);
595
+ }
596
+
597
+ .button--has-suffix.button--large .button__label,
598
+ .button--caret.button--large .button__label {
599
+ padding-inline-end: var(--sl-spacing-small);
600
+ }
601
+
602
+ /*
603
+ * Button groups support a variety of button types (e.g. buttons with tooltips, buttons as dropdown triggers, etc.).
604
+ * This means buttons aren't always direct descendants of the button group, thus we can't target them with the
605
+ * ::slotted selector. To work around this, the button group component does some magic to add these special classes to
606
+ * buttons and we style them here instead.
607
+ */
608
+
609
+ :host([data-sl-button-group__button--first]:not([data-sl-button-group__button--last])) .button {
610
+ border-start-end-radius: 0;
611
+ border-end-end-radius: 0;
612
+ }
613
+
614
+ :host([data-sl-button-group__button--inner]) .button {
615
+ border-radius: 0;
616
+ }
617
+
618
+ :host([data-sl-button-group__button--last]:not([data-sl-button-group__button--first])) .button {
619
+ border-start-start-radius: 0;
620
+ border-end-start-radius: 0;
621
+ }
622
+
623
+ /* All except the first */
624
+ :host([data-sl-button-group__button]:not([data-sl-button-group__button--first])) {
625
+ margin-inline-start: calc(-1 * var(--sl-input-border-width));
626
+ }
627
+
628
+ /* Add a visual separator between solid buttons */
629
+ :host(
630
+ [data-sl-button-group__button]:not(
631
+ [data-sl-button-group__button--first],
632
+ [data-sl-button-group__button--radio],
633
+ [variant='default']
634
+ ):not(:hover)
635
+ )
636
+ .button:after {
637
+ content: '';
638
+ position: absolute;
639
+ top: 0;
640
+ inset-inline-start: 0;
641
+ bottom: 0;
642
+ border-left: solid 1px rgb(128 128 128 / 33%);
643
+ mix-blend-mode: multiply;
644
+ }
645
+
646
+ /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
647
+ :host([data-sl-button-group__button--hover]) {
648
+ z-index: 1;
649
+ }
650
+
651
+ /* Focus and checked are always on top */
652
+ :host([data-sl-button-group__button--focus]),
653
+ :host([data-sl-button-group__button][checked]) {
654
+ z-index: 2;
655
+ }
656
+ `,t=class extends d{constructor(){super(...arguments),this.formControlController=new v(this,{assumeInteractionOn:["click"]}),this.hasSlotController=new y(this,"[default]","prefix","suffix"),this.localize=new c(this),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="default",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener"}get validity(){return this.isButton()?this.button.validity:g}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sl-blur")}handleFocus(){this.hasFocus=!0,this.emit("sl-focus")}handleClick(){this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(n){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(n)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(n){this.button.focus(n)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(n){this.isButton()&&(this.button.setCustomValidity(n),this.formControlController.updateValidity())}render(){const n=this.isLink(),e=n?s`a`:s`button`;return a`
657
+ <${e}
658
+ part="base"
659
+ class=${_({button:!0,"button--default":this.variant==="default","button--primary":this.variant==="primary","button--success":this.variant==="success","button--neutral":this.variant==="neutral","button--warning":this.variant==="warning","button--danger":this.variant==="danger","button--text":this.variant==="text","button--small":this.size==="small","button--medium":this.size==="medium","button--large":this.size==="large","button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--rtl":this.localize.dir()==="rtl","button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}
660
+ ?disabled=${l(n?void 0:this.disabled)}
661
+ type=${l(n?void 0:this.type)}
662
+ title=${this.title}
663
+ name=${l(n?void 0:this.name)}
664
+ value=${l(n?void 0:this.value)}
665
+ href=${l(n?this.href:void 0)}
666
+ target=${l(n?this.target:void 0)}
667
+ download=${l(n?this.download:void 0)}
668
+ rel=${l(n?this.rel:void 0)}
669
+ role=${l(n?void 0:"button")}
670
+ aria-disabled=${this.disabled?"true":"false"}
671
+ tabindex=${this.disabled?"-1":"0"}
672
+ @blur=${this.handleBlur}
673
+ @focus=${this.handleFocus}
674
+ @invalid=${this.isButton()?this.handleInvalid:null}
675
+ @click=${this.handleClick}
676
+ >
677
+ <slot name="prefix" part="prefix" class="button__prefix"></slot>
678
+ <slot part="label" class="button__label"></slot>
679
+ <slot name="suffix" part="suffix" class="button__suffix"></slot>
680
+ ${this.caret?a` <sl-icon part="caret" class="button__caret" library="system" name="caret"></sl-icon> `:""}
681
+ ${this.loading?a`<sl-spinner part="spinner"></sl-spinner>`:""}
682
+ </${e}>
683
+ `}};t.styles=[u,w];t.dependencies={"sl-icon":m,"sl-spinner":p};o([k(".button")],t.prototype,"button",2);o([b()],t.prototype,"hasFocus",2);o([b()],t.prototype,"invalid",2);o([r()],t.prototype,"title",2);o([r({reflect:!0})],t.prototype,"variant",2);o([r({reflect:!0})],t.prototype,"size",2);o([r({type:Boolean,reflect:!0})],t.prototype,"caret",2);o([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2);o([r({type:Boolean,reflect:!0})],t.prototype,"loading",2);o([r({type:Boolean,reflect:!0})],t.prototype,"outline",2);o([r({type:Boolean,reflect:!0})],t.prototype,"pill",2);o([r({type:Boolean,reflect:!0})],t.prototype,"circle",2);o([r()],t.prototype,"type",2);o([r()],t.prototype,"name",2);o([r()],t.prototype,"value",2);o([r()],t.prototype,"href",2);o([r()],t.prototype,"target",2);o([r()],t.prototype,"rel",2);o([r()],t.prototype,"download",2);o([r()],t.prototype,"form",2);o([r({attribute:"formaction"})],t.prototype,"formAction",2);o([r({attribute:"formenctype"})],t.prototype,"formEnctype",2);o([r({attribute:"formmethod"})],t.prototype,"formMethod",2);o([r({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2);o([r({attribute:"formtarget"})],t.prototype,"formTarget",2);o([f("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1);t.define("sl-button");export{p as S,t as a,w as b};
684
+ //# sourceMappingURL=chunk.6DH62NIS-CVBVc-bX.js.map