@descope/web-components-ui 1.0.294 → 1.0.296

Sign up to get free protection for your applications and to get access to all the features.
Files changed (191) hide show
  1. package/dist/cjs/index.cjs.js +1147 -920
  2. package/dist/cjs/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +1141 -913
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/umd/1224.js +1 -1
  6. package/dist/umd/1438.js +16 -9
  7. package/dist/umd/1438.js.LICENSE.txt +12 -0
  8. package/dist/umd/1612.js +338 -0
  9. package/dist/umd/1621.js +1 -1
  10. package/dist/umd/2362.js +129 -0
  11. package/dist/umd/3830.js +2 -0
  12. package/dist/umd/{3003.js.LICENSE.txt → 3830.js.LICENSE.txt} +12 -0
  13. package/dist/umd/3951.js +116 -4
  14. package/dist/umd/3951.js.LICENSE.txt +18 -0
  15. package/dist/umd/{9211.js → 4024.js} +5 -5
  16. package/dist/umd/{2775.js → 4028.js} +10 -10
  17. package/dist/umd/4028.js.LICENSE.txt +23 -0
  18. package/dist/umd/4052.js +338 -0
  19. package/dist/umd/4392.js +1 -0
  20. package/dist/umd/4746.js +124 -0
  21. package/dist/umd/{6091.js.LICENSE.txt → 4746.js.LICENSE.txt} +6 -0
  22. package/dist/umd/4978.js +1 -0
  23. package/dist/umd/{4595.js → 5135.js} +93 -5
  24. package/dist/umd/{2775.js.LICENSE.txt → 5135.js.LICENSE.txt} +2 -2
  25. package/dist/umd/5517.js +1 -1
  26. package/dist/umd/5806.js +4 -4
  27. package/dist/umd/5910.js +1 -1
  28. package/dist/umd/63.js +147 -1
  29. package/dist/umd/63.js.LICENSE.txt +13 -1
  30. package/dist/umd/6594.js +2 -0
  31. package/dist/umd/{1940.js.LICENSE.txt → 6594.js.LICENSE.txt} +1 -1
  32. package/dist/umd/6770.js +4 -4
  33. package/dist/umd/7056.js +376 -5
  34. package/dist/umd/7056.js.LICENSE.txt +6 -0
  35. package/dist/umd/7164.js +148 -0
  36. package/dist/umd/{2106.js.LICENSE.txt → 7164.js.LICENSE.txt} +1 -7
  37. package/dist/umd/7531.js +1 -1
  38. package/dist/umd/7911.js +4 -4
  39. package/dist/umd/7911.js.LICENSE.txt +6 -0
  40. package/dist/umd/{3092.js → 8191.js} +40 -5
  41. package/dist/umd/8866.js +97 -5
  42. package/dist/umd/8866.js.LICENSE.txt +12 -0
  43. package/dist/umd/9092.js +440 -12
  44. package/dist/umd/9092.js.LICENSE.txt +6 -0
  45. package/dist/umd/{1940.js → 9314.js} +126 -7
  46. package/dist/umd/9314.js.LICENSE.txt +11 -0
  47. package/dist/umd/9423.js +608 -0
  48. package/dist/umd/9423.js.LICENSE.txt +23 -0
  49. package/dist/umd/9562.js +338 -0
  50. package/dist/umd/9562.js.LICENSE.txt +11 -0
  51. package/dist/umd/DescopeDev.js +1 -0
  52. package/dist/umd/boolean-fields-descope-boolean-field-internal-index-js.js +1 -1
  53. package/dist/umd/boolean-fields-descope-checkbox-index-js.js +2 -1
  54. package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +2 -1
  55. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-index-js.js +1 -1
  56. package/dist/umd/button-selection-group-fields-descope-button-multi-selection-group-internal-index-js.js +1 -1
  57. package/dist/umd/button-selection-group-fields-descope-button-selection-group-index-js.js +1 -1
  58. package/dist/umd/button-selection-group-fields-descope-button-selection-group-internal-index-js.js +1 -1
  59. package/dist/umd/button-selection-group-fields-descope-button-selection-group-item-index-js.js +1 -1
  60. package/dist/umd/descope-avatar-index-js.js +1 -1
  61. package/dist/umd/descope-badge-index-js.js +1 -1
  62. package/dist/umd/descope-button-index-js.js +338 -1
  63. package/dist/umd/descope-button-index-js.js.LICENSE.txt +11 -0
  64. package/dist/umd/descope-combo-box-index-js.js +113 -1
  65. package/dist/umd/descope-container-index-js.js +1 -1
  66. package/dist/umd/descope-date-picker-index-js.js +1 -1
  67. package/dist/umd/descope-divider-index-js.js +1 -1
  68. package/dist/umd/descope-email-field-index-js.js +54 -1
  69. package/dist/umd/descope-email-field-index-js.js.LICENSE.txt +11 -0
  70. package/dist/umd/descope-grid-descope-grid-custom-column-index-js.js +90 -1
  71. package/dist/umd/{4595.js.LICENSE.txt → descope-grid-descope-grid-custom-column-index-js.js.LICENSE.txt} +6 -0
  72. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +2 -1
  73. package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js.LICENSE.txt +17 -0
  74. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js +90 -1
  75. package/dist/umd/descope-grid-descope-grid-text-column-index-js.js.LICENSE.txt +17 -0
  76. package/dist/umd/descope-grid-index-js.js +1 -1
  77. package/dist/umd/descope-image-index-js.js +1 -1
  78. package/dist/umd/descope-link-index-js.js +1 -1
  79. package/dist/umd/descope-loader-linear-index-js.js +1 -1
  80. package/dist/umd/descope-loader-radial-index-js.js +1 -1
  81. package/dist/umd/descope-logo-index-js.js +1 -1
  82. package/dist/umd/descope-modal-index-js.js +1 -1
  83. package/dist/umd/descope-multi-select-combo-box-index-js.js +1 -1
  84. package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
  85. package/dist/umd/descope-new-password-index-js.js +1 -1
  86. package/dist/umd/descope-notification-descope-notification-card-index-js.js +1 -1
  87. package/dist/umd/descope-notification-index-js.js +1 -1
  88. package/dist/umd/descope-notp-image-index-js.js +1 -1
  89. package/dist/umd/descope-number-field-index-js.js +1 -1
  90. package/dist/umd/descope-passcode-descope-passcode-internal-index-js.js +1 -1
  91. package/dist/umd/descope-passcode-index-js.js +37 -1
  92. package/dist/umd/descope-passcode-index-js.js.LICENSE.txt +11 -0
  93. package/dist/umd/descope-password-index-js.js +1 -1
  94. package/dist/umd/descope-policy-validation-index-js.js +1 -1
  95. package/dist/umd/descope-recaptcha-index-js.js +1 -1
  96. package/dist/umd/descope-text-area-index-js.js +1 -1
  97. package/dist/umd/descope-text-field-index-js.js +37 -1
  98. package/dist/umd/descope-text-field-index-js.js.LICENSE.txt +11 -0
  99. package/dist/umd/descope-text-index-js.js +1 -1
  100. package/dist/umd/descope-totp-image-index-js.js +1 -1
  101. package/dist/umd/descope-upload-file-index-js.js +1 -1
  102. package/dist/umd/descope-user-attribute-index-js.js +1 -1
  103. package/dist/umd/descope-user-auth-method-index-js.js +1 -0
  104. package/dist/umd/index.js +1 -1
  105. package/dist/umd/mapping-fields-descope-mappings-field-descope-mapping-item-index-js.js +1 -1
  106. package/dist/umd/mapping-fields-descope-mappings-field-descope-mappings-field-internal-index-js.js +1 -1
  107. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js +1 -126
  108. package/dist/umd/mapping-fields-descope-saml-group-mappings-descope-saml-group-mappings-internal-index-js.js +1 -1
  109. package/dist/umd/mapping-fields-descope-saml-group-mappings-index-js.js +1 -1
  110. package/dist/umd/phone-fields-descope-phone-field-descope-phone-field-internal-index-js.js +1 -1
  111. package/dist/umd/phone-fields-descope-phone-field-index-js.js +1 -1
  112. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +37 -1
  113. package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js.LICENSE.txt +11 -0
  114. package/dist/umd/phone-fields-descope-phone-input-box-field-index-js.js +1 -1
  115. package/package.json +21 -2
  116. package/src/components/descope-user-attribute/UserAttributeClass.js +13 -0
  117. package/src/components/descope-user-auth-method/UserAuthMethodClass.js +202 -0
  118. package/src/components/descope-user-auth-method/green-v.svg +3 -0
  119. package/src/components/descope-user-auth-method/index.js +9 -0
  120. package/src/dev/index.js +1 -0
  121. package/src/index.cjs.js +1 -0
  122. package/src/index.js +1 -0
  123. package/src/mixins/normalizeBooleanAttributesMixin.js +1 -1
  124. package/src/theme/components/index.js +2 -0
  125. package/src/theme/components/userAuthMethod.js +19 -0
  126. package/dist/umd/1000.js +0 -1
  127. package/dist/umd/1037.js +0 -2
  128. package/dist/umd/1721.js +0 -1
  129. package/dist/umd/2066.js +0 -2
  130. package/dist/umd/2106.js +0 -73
  131. package/dist/umd/2269.js +0 -2
  132. package/dist/umd/2269.js.LICENSE.txt +0 -5
  133. package/dist/umd/2481.js +0 -1
  134. package/dist/umd/262.js +0 -2
  135. package/dist/umd/262.js.LICENSE.txt +0 -5
  136. package/dist/umd/3003.js +0 -2
  137. package/dist/umd/3208.js +0 -2
  138. package/dist/umd/3208.js.LICENSE.txt +0 -5
  139. package/dist/umd/322.js +0 -90
  140. package/dist/umd/322.js.LICENSE.txt +0 -5
  141. package/dist/umd/3249.js +0 -2
  142. package/dist/umd/3249.js.LICENSE.txt +0 -5
  143. package/dist/umd/3373.js +0 -2
  144. package/dist/umd/3373.js.LICENSE.txt +0 -5
  145. package/dist/umd/3585.js +0 -1
  146. package/dist/umd/3878.js +0 -1
  147. package/dist/umd/4201.js +0 -1
  148. package/dist/umd/422.js +0 -2
  149. package/dist/umd/422.js.LICENSE.txt +0 -5
  150. package/dist/umd/4226.js +0 -114
  151. package/dist/umd/4447.js +0 -1
  152. package/dist/umd/4567.js +0 -1
  153. package/dist/umd/4577.js +0 -1
  154. package/dist/umd/4803.js +0 -1
  155. package/dist/umd/4905.js +0 -2
  156. package/dist/umd/4905.js.LICENSE.txt +0 -5
  157. package/dist/umd/4946.js +0 -2
  158. package/dist/umd/4946.js.LICENSE.txt +0 -5
  159. package/dist/umd/6091.js +0 -124
  160. package/dist/umd/6606.js +0 -17
  161. package/dist/umd/6687.js +0 -9
  162. package/dist/umd/6687.js.LICENSE.txt +0 -5
  163. package/dist/umd/6977.js +0 -2
  164. package/dist/umd/6977.js.LICENSE.txt +0 -5
  165. package/dist/umd/7044.js +0 -1
  166. package/dist/umd/7583.js +0 -113
  167. package/dist/umd/8623.js +0 -2
  168. package/dist/umd/8623.js.LICENSE.txt +0 -5
  169. package/dist/umd/8725.js +0 -37
  170. package/dist/umd/9189.js +0 -2
  171. package/dist/umd/9189.js.LICENSE.txt +0 -5
  172. package/dist/umd/9211.js.LICENSE.txt +0 -5
  173. package/dist/umd/9214.js +0 -1
  174. package/dist/umd/9320.js +0 -2
  175. package/dist/umd/9320.js.LICENSE.txt +0 -5
  176. package/dist/umd/9383.js +0 -94
  177. package/dist/umd/9434.js +0 -1
  178. package/dist/umd/9437.js +0 -19
  179. package/dist/umd/9437.js.LICENSE.txt +0 -5
  180. package/dist/umd/9680.js +0 -2
  181. package/dist/umd/9680.js.LICENSE.txt +0 -5
  182. package/dist/umd/9789.js +0 -1
  183. package/dist/umd/mapping-fields-descope-mappings-field-index-js.js.LICENSE.txt +0 -5
  184. /package/dist/umd/{3092.js.LICENSE.txt → 1612.js.LICENSE.txt} +0 -0
  185. /package/dist/umd/{6606.js.LICENSE.txt → 2362.js.LICENSE.txt} +0 -0
  186. /package/dist/umd/{4226.js.LICENSE.txt → 4024.js.LICENSE.txt} +0 -0
  187. /package/dist/umd/{8725.js.LICENSE.txt → 4052.js.LICENSE.txt} +0 -0
  188. /package/dist/umd/{9383.js.LICENSE.txt → 8191.js.LICENSE.txt} +0 -0
  189. /package/dist/umd/{1037.js.LICENSE.txt → boolean-fields-descope-checkbox-index-js.js.LICENSE.txt} +0 -0
  190. /package/dist/umd/{2066.js.LICENSE.txt → boolean-fields-descope-switch-toggle-index-js.js.LICENSE.txt} +0 -0
  191. /package/dist/umd/{7583.js.LICENSE.txt → descope-combo-box-index-js.js.LICENSE.txt} +0 -0
@@ -0,0 +1,338 @@
1
+ /*! For license information please see 9562.js.LICENSE.txt */
2
+ "use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[9562,4024,1612,4052],{5229:(t,e,o)=>{o.d(e,{f:()=>r});const r=(0,o(1014).o)((t=>class extends t{static get properties(){return{disabled:{type:Boolean,value:!1,observer:"_disabledChanged",reflectToAttribute:!0}}}_disabledChanged(t){this._setAriaDisabled(t)}_setAriaDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}click(){this.disabled||super.click()}}))},2628:(t,e,o)=>{o.d(e,{L:()=>r});const r=(0,o(1014).o)((t=>class extends t{ready(){super.ready(),this.addEventListener("keydown",(t=>{this._onKeyDown(t)})),this.addEventListener("keyup",(t=>{this._onKeyUp(t)}))}_onKeyDown(t){switch(t.key){case"Enter":this._onEnter(t);break;case"Escape":this._onEscape(t)}}_onKeyUp(t){}_onEnter(t){}_onEscape(t){}}))},8298:(t,e,o)=>{o.d(e,{N:()=>a});var r=o(5229);const a=t=>class extends((0,r.f)(t)){static get properties(){return{tabindex:{type:Number,reflectToAttribute:!0,observer:"_tabindexChanged"},_lastTabIndex:{type:Number}}}_disabledChanged(t,e){super._disabledChanged(t,e),t?(void 0!==this.tabindex&&(this._lastTabIndex=this.tabindex),this.tabindex=-1):e&&(this.tabindex=this._lastTabIndex)}_tabindexChanged(t){this.disabled&&-1!==t&&(this._lastTabIndex=t,this.tabindex=-1)}}},7078:(t,e,o)=>{o.d(e,{z:()=>b});var r=o(4241),a=o(6155),i=o(2807),n=o(2521),s=o(4463),l=o(6570);const d=o(9392).iv`
3
+ :host {
4
+ display: inline-block;
5
+ position: relative;
6
+ outline: none;
7
+ white-space: nowrap;
8
+ -webkit-user-select: none;
9
+ -moz-user-select: none;
10
+ user-select: none;
11
+ }
12
+
13
+ :host([hidden]) {
14
+ display: none !important;
15
+ }
16
+
17
+ /* Aligns the button with form fields when placed on the same line.
18
+ Note, to make it work, the form fields should have the same "::before" pseudo-element. */
19
+ .vaadin-button-container::before {
20
+ content: '\\2003';
21
+ display: inline-block;
22
+ width: 0;
23
+ max-height: 100%;
24
+ }
25
+
26
+ .vaadin-button-container {
27
+ display: inline-flex;
28
+ align-items: center;
29
+ justify-content: center;
30
+ text-align: center;
31
+ width: 100%;
32
+ height: 100%;
33
+ min-height: inherit;
34
+ text-shadow: inherit;
35
+ }
36
+
37
+ [part='prefix'],
38
+ [part='suffix'] {
39
+ flex: none;
40
+ }
41
+
42
+ [part='label'] {
43
+ white-space: nowrap;
44
+ overflow: hidden;
45
+ text-overflow: ellipsis;
46
+ }
47
+
48
+ @media (forced-colors: active) {
49
+ :host {
50
+ outline: 1px solid;
51
+ outline-offset: -1px;
52
+ }
53
+
54
+ :host([focused]) {
55
+ outline-width: 2px;
56
+ }
57
+
58
+ :host([disabled]) {
59
+ outline-color: GrayText;
60
+ }
61
+ }
62
+ `;var c=o(1224),u=o(1360),h=o(8298);const m=t=>class extends((0,c.D)((0,h.N)((0,u.W)(t)))){static get properties(){return{tabindex:{type:Number,value:0,reflectToAttribute:!0}}}get _activeKeys(){return["Enter"," "]}ready(){super.ready(),this.hasAttribute("role")||this.setAttribute("role","button")}_onKeyDown(t){super._onKeyDown(t),t.altKey||t.shiftKey||t.ctrlKey||t.metaKey||this._activeKeys.includes(t.key)&&(t.preventDefault(),this.click())}};(0,l.hC)("vaadin-button",d,{moduleId:"vaadin-button-styles"});class b extends(m((0,n.S)((0,l.Tb)((0,a.k)(r.H3))))){static get is(){return"vaadin-button"}static get template(){return r.dy`
63
+ <div class="vaadin-button-container">
64
+ <span part="prefix" aria-hidden="true">
65
+ <slot name="prefix"></slot>
66
+ </span>
67
+ <span part="label">
68
+ <slot></slot>
69
+ </span>
70
+ <span part="suffix" aria-hidden="true">
71
+ <slot name="suffix"></slot>
72
+ </span>
73
+ </div>
74
+ <slot name="tooltip"></slot>
75
+ `}ready(){super.ready(),this._tooltipController=new s.f(this),this.addController(this._tooltipController)}}(0,i.M)(b)},4750:(t,e,o)=>{o.d(e,{L:()=>a}),o(1195),o(9098),o(9416),o(9849),o(4173);var r=o(6570);const a=r.iv`
76
+ :host {
77
+ /* Sizing */
78
+ --lumo-button-size: var(--lumo-size-m);
79
+ min-width: var(--vaadin-button-min-width, calc(var(--_button-size) * 2));
80
+ height: var(--_button-size);
81
+ padding: var(--vaadin-button-padding, 0 calc(var(--_button-size) / 3 + var(--lumo-border-radius-m) / 2));
82
+ margin: var(--vaadin-button-margin, var(--lumo-space-xs) 0);
83
+ box-sizing: border-box;
84
+ /* Style */
85
+ font-family: var(--lumo-font-family);
86
+ font-size: var(--vaadin-button-font-size, var(--lumo-font-size-m));
87
+ font-weight: var(--vaadin-button-font-weight, 500);
88
+ color: var(--_lumo-button-text-color);
89
+ background: var(--_lumo-button-background);
90
+ border: var(--vaadin-button-border, none);
91
+ border-radius: var(--vaadin-button-border-radius, var(--lumo-border-radius-m));
92
+ cursor: var(--lumo-clickable-cursor);
93
+ -webkit-tap-highlight-color: transparent;
94
+ -webkit-font-smoothing: antialiased;
95
+ -moz-osx-font-smoothing: grayscale;
96
+ flex-shrink: 0;
97
+ --_button-size: var(--vaadin-button-height, var(--lumo-button-size));
98
+ --_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
99
+ --_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
100
+ /* Used by notification */
101
+ --_lumo-button-background: var(--vaadin-button-background, var(--lumo-contrast-5pct));
102
+ --_lumo-button-text-color: var(--vaadin-button-text-color, var(--lumo-primary-text-color));
103
+ --_lumo-button-primary-background: var(--vaadin-button-primary-background, var(--lumo-primary-color));
104
+ --_lumo-button-primary-text-color: var(--vaadin-button-primary-text-color, var(--lumo-primary-contrast-color));
105
+ }
106
+
107
+ /* Set only for the internal parts so we don't affect the host vertical alignment */
108
+ [part='label'],
109
+ [part='prefix'],
110
+ [part='suffix'] {
111
+ line-height: var(--lumo-line-height-xs);
112
+ }
113
+
114
+ [part='label'] {
115
+ padding: calc(var(--lumo-button-size) / 6) 0;
116
+ }
117
+
118
+ :host([theme~='small']) {
119
+ font-size: var(--lumo-font-size-s);
120
+ --lumo-button-size: var(--lumo-size-s);
121
+ }
122
+
123
+ :host([theme~='large']) {
124
+ font-size: var(--lumo-font-size-l);
125
+ --lumo-button-size: var(--lumo-size-l);
126
+ }
127
+
128
+ /* For interaction states */
129
+ :host::before,
130
+ :host::after {
131
+ content: '';
132
+ /* We rely on the host always being relative */
133
+ position: absolute;
134
+ z-index: 1;
135
+ inset: 0;
136
+ background-color: currentColor;
137
+ border-radius: inherit;
138
+ opacity: 0;
139
+ pointer-events: none;
140
+ }
141
+
142
+ /* Hover */
143
+
144
+ @media (any-hover: hover) {
145
+ :host(:hover)::before {
146
+ opacity: 0.02;
147
+ }
148
+ }
149
+
150
+ /* Active */
151
+
152
+ :host::after {
153
+ transition: opacity 1.4s, transform 0.1s;
154
+ filter: blur(8px);
155
+ }
156
+
157
+ :host([active])::before {
158
+ opacity: 0.05;
159
+ transition-duration: 0s;
160
+ }
161
+
162
+ :host([active])::after {
163
+ opacity: 0.1;
164
+ transition-duration: 0s, 0s;
165
+ transform: scale(0);
166
+ }
167
+
168
+ /* Keyboard focus */
169
+
170
+ :host([focus-ring]) {
171
+ box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
172
+ }
173
+
174
+ :host([theme~='primary'][focus-ring]) {
175
+ box-shadow: 0 0 0 1px var(--lumo-base-color), 0 0 0 3px var(--lumo-primary-color-50pct);
176
+ }
177
+
178
+ /* Types (primary, tertiary, tertiary-inline */
179
+
180
+ :host([theme~='tertiary']),
181
+ :host([theme~='tertiary-inline']) {
182
+ --_background: transparent !important;
183
+ background: var(--vaadin-button-tertiary-background, var(--_background));
184
+ min-width: 0;
185
+ }
186
+
187
+ :host([theme~='tertiary']) {
188
+ border: var(--vaadin-button-tertiary-border, none);
189
+ color: var(--vaadin-button-tertiary-text-color, var(--lumo-primary-text-color));
190
+ font-weight: var(--vaadin-button-tertiary-font-weight, 500);
191
+ padding: var(--vaadin-button-tertiary-padding, 0 calc(var(--_button-size) / 6));
192
+ }
193
+
194
+ :host([theme~='tertiary-inline'])::before {
195
+ display: none;
196
+ }
197
+
198
+ :host([theme~='tertiary-inline']) {
199
+ margin: 0;
200
+ height: auto;
201
+ padding: 0;
202
+ line-height: inherit;
203
+ font-size: inherit;
204
+ }
205
+
206
+ :host([theme~='tertiary-inline']) [part='label'] {
207
+ padding: 0;
208
+ overflow: visible;
209
+ line-height: inherit;
210
+ }
211
+
212
+ :host([theme~='primary']) {
213
+ background: var(--_lumo-button-primary-background);
214
+ border: var(--vaadin-button-primary-border, none);
215
+ color: var(--_lumo-button-primary-text-color);
216
+ font-weight: var(--vaadin-button-primary-font-weight, 600);
217
+ min-width: calc(var(--lumo-button-size) * 2.5);
218
+ }
219
+
220
+ :host([theme~='primary'])::before {
221
+ background-color: black;
222
+ }
223
+
224
+ @media (any-hover: hover) {
225
+ :host([theme~='primary']:hover)::before {
226
+ opacity: 0.05;
227
+ }
228
+ }
229
+
230
+ :host([theme~='primary'][active])::before {
231
+ opacity: 0.1;
232
+ }
233
+
234
+ :host([theme~='primary'][active])::after {
235
+ opacity: 0.2;
236
+ }
237
+
238
+ /* Colors (success, error, contrast) */
239
+
240
+ :host([theme~='success']) {
241
+ color: var(--lumo-success-text-color);
242
+ }
243
+
244
+ :host([theme~='success'][theme~='primary']) {
245
+ background-color: var(--lumo-success-color);
246
+ color: var(--lumo-success-contrast-color);
247
+ }
248
+
249
+ :host([theme~='error']) {
250
+ color: var(--lumo-error-text-color);
251
+ }
252
+
253
+ :host([theme~='error'][theme~='primary']) {
254
+ background-color: var(--lumo-error-color);
255
+ color: var(--lumo-error-contrast-color);
256
+ }
257
+
258
+ :host([theme~='contrast']) {
259
+ color: var(--lumo-contrast);
260
+ }
261
+
262
+ :host([theme~='contrast'][theme~='primary']) {
263
+ background-color: var(--lumo-contrast);
264
+ color: var(--lumo-base-color);
265
+ }
266
+
267
+ /* Disabled state. Keep selectors after other color variants. */
268
+
269
+ :host([disabled]) {
270
+ pointer-events: none;
271
+ color: var(--lumo-disabled-text-color);
272
+ }
273
+
274
+ :host([theme~='primary'][disabled]) {
275
+ background-color: var(--lumo-contrast-30pct);
276
+ color: var(--lumo-base-color);
277
+ }
278
+
279
+ :host([theme~='primary'][disabled]) [part] {
280
+ opacity: 0.7;
281
+ }
282
+
283
+ /* Icons */
284
+
285
+ [part] ::slotted(vaadin-icon) {
286
+ display: inline-block;
287
+ width: var(--lumo-icon-size-m);
288
+ height: var(--lumo-icon-size-m);
289
+ }
290
+
291
+ /* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
292
+ [part] ::slotted(vaadin-icon[icon^='vaadin:']) {
293
+ padding: 0.25em;
294
+ box-sizing: border-box !important;
295
+ }
296
+
297
+ [part='prefix'] {
298
+ margin-left: -0.25em;
299
+ margin-right: 0.25em;
300
+ }
301
+
302
+ [part='suffix'] {
303
+ margin-left: 0.25em;
304
+ margin-right: -0.25em;
305
+ }
306
+
307
+ /* Icon-only */
308
+
309
+ :host([theme~='icon']:not([theme~='tertiary-inline'])) {
310
+ min-width: var(--lumo-button-size);
311
+ padding-left: calc(var(--lumo-button-size) / 4);
312
+ padding-right: calc(var(--lumo-button-size) / 4);
313
+ }
314
+
315
+ :host([theme~='icon']) [part='prefix'],
316
+ :host([theme~='icon']) [part='suffix'] {
317
+ margin-left: 0;
318
+ margin-right: 0;
319
+ }
320
+
321
+ /* RTL specific styles */
322
+
323
+ :host([dir='rtl']) [part='prefix'] {
324
+ margin-left: 0.25em;
325
+ margin-right: -0.25em;
326
+ }
327
+
328
+ :host([dir='rtl']) [part='suffix'] {
329
+ margin-left: -0.25em;
330
+ margin-right: 0.25em;
331
+ }
332
+
333
+ :host([dir='rtl'][theme~='icon']) [part='prefix'],
334
+ :host([dir='rtl'][theme~='icon']) [part='suffix'] {
335
+ margin-left: 0;
336
+ margin-right: 0;
337
+ }
338
+ `;(0,r.hC)("vaadin-button",a,{moduleId:"lumo-button"})},1721:(t,e,o)=>{o(4750),o(7078)},1037:(t,e,o)=>{o.d(e,{Dt:()=>i,G6:()=>c,T:()=>u,gn:()=>d,i7:()=>n,vU:()=>s});const r=t=>t.test(navigator.userAgent),a=t=>t.test(navigator.platform),i=r(/Android/u),n=r(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=r(/Firefox/u),l=a(/^iPad/u)||a(/^Mac/u)&&navigator.maxTouchPoints>1,d=a(/^iPhone/u)||l,c=r(/^((?!chrome|android).)*safari/iu),u=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},4946:(t,e,o)=>{o.d(e,{W:()=>i});var r=o(1014);const a=new WeakMap,i=(0,r.o)((t=>class extends t{get slotStyles(){return{}}connectedCallback(){super.connectedCallback(),this.__applySlotStyles()}__applySlotStyles(){const t=this.getRootNode(),e=function(t){return a.has(t)||a.set(t,new Set),a.get(t)}(t);this.slotStyles.forEach((o=>{e.has(o)||(function(t,e){const o=document.createElement("style");o.textContent=t,e===document?document.head.appendChild(o):e.insertBefore(o,e.firstChild)}(o,t),e.add(o))}))}}))}}]);
@@ -0,0 +1,11 @@
1
+ /**
2
+ * @license
3
+ * Copyright (c) 2017 - 2023 Vaadin Ltd.
4
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
5
+ */
6
+
7
+ /**
8
+ * @license
9
+ * Copyright (c) 2021 - 2023 Vaadin Ltd.
10
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
11
+ */