@descope/web-components-ui 1.0.319 → 1.0.321
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.cjs.js +1390 -1010
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/index.esm.js +1433 -1051
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/1438.js +1 -1
- package/dist/umd/2362.js +1 -1
- package/dist/umd/3830.js +1 -1
- package/dist/umd/4028.js +1 -1
- package/dist/umd/5135.js +1 -1
- package/dist/umd/5806.js +1 -1
- package/dist/umd/602.js +170 -0
- package/dist/umd/{1621.js.LICENSE.txt → 602.js.LICENSE.txt} +0 -6
- package/dist/umd/6770.js +1 -1
- package/dist/umd/7056.js +2 -2
- package/dist/umd/7284.js +303 -0
- package/dist/umd/7284.js.LICENSE.txt +11 -0
- package/dist/umd/8137.js +452 -0
- package/dist/umd/8137.js.LICENSE.txt +17 -0
- package/dist/umd/8191.js +4 -4
- package/dist/umd/9092.js +2 -2
- package/dist/umd/DescopeDev.js +1 -1
- package/dist/umd/boolean-fields-descope-checkbox-index-js.js +1 -1
- package/dist/umd/boolean-fields-descope-switch-toggle-index-js.js +1 -1
- package/dist/umd/descope-email-field-index-js.js +1 -1
- package/dist/umd/descope-grid-descope-grid-selection-column-index-js.js +1 -1
- package/dist/umd/descope-new-password-descope-new-password-internal-index-js.js +1 -1
- package/dist/umd/descope-new-password-index-js.js +1 -1
- package/dist/umd/descope-passcode-index-js.js +1 -1
- package/dist/umd/descope-password-index-js.js +1 -1
- package/dist/umd/descope-radio-group-index-js.js +1 -0
- package/dist/umd/descope-text-field-index-js.js +1 -1
- package/dist/umd/index.js +1 -1
- package/dist/umd/phone-fields-descope-phone-input-box-field-descope-phone-input-box-internal-index-js.js +1 -1
- package/package.json +2 -1
- package/src/components/descope-password/PasswordClass.js +56 -0
- package/src/components/descope-radio-group/RadioButtonClass.js +74 -0
- package/src/components/descope-radio-group/RadioGroupClass.js +192 -0
- package/src/components/descope-radio-group/index.js +8 -0
- package/src/index.cjs.js +2 -0
- package/src/index.js +1 -0
- package/src/theme/components/index.js +4 -0
- package/src/theme/components/radioGroup/radioButton.js +42 -0
- package/src/theme/components/radioGroup/radioGroup.js +37 -0
- package/dist/umd/1621.js +0 -620
package/dist/umd/8137.js
ADDED
@@ -0,0 +1,452 @@
|
|
1
|
+
/*! For license information please see 8137.js.LICENSE.txt */
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8137],{61037:(t,e,o)=>{o.d(e,{Dt:()=>i,G6:()=>u,T:()=>c,gn:()=>d,i7:()=>r,vU:()=>s});const n=t=>t.test(navigator.userAgent),a=t=>t.test(navigator.platform),i=n(/Android/u),r=n(/Chrome/u)&&/Google Inc/u.test(navigator.vendor),s=n(/Firefox/u),l=a(/^iPad/u)||a(/^Mac/u)&&navigator.maxTouchPoints>1,d=a(/^iPhone/u)||l,u=n(/^((?!chrome|android).)*safari/iu),c=(()=>{try{return document.createEvent("TouchEvent"),!0}catch(t){return!1}})()},24946:(t,e,o)=>{o.d(e,{W:()=>i});var n=o(91014);const a=new WeakMap,i=(0,n.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))}))}}))},39091:(t,e,o)=>{o.d(e,{t:()=>s});var n=o(91014),a=o(86328),i=o(56326),r=o(34524);const s=(0,n.o)((t=>class extends((0,a.A)((0,r.n)((0,i.J)(t)))){static get constraints(){return["required"]}static get delegateAttrs(){return[...super.delegateAttrs,"required"]}ready(){super.ready(),this._createConstraintsObserver()}checkValidity(){return this.inputElement&&this._hasValidConstraints(this.constructor.constraints.map((t=>this[t])))?this.inputElement.checkValidity():!this.invalid}_hasValidConstraints(t){return t.some((t=>this.__isValidConstraint(t)))}_createConstraintsObserver(){this._createMethodObserver(`_constraintsChanged(stateTarget, ${this.constructor.constraints.join(", ")})`)}_constraintsChanged(t,...e){if(!t)return;const o=this._hasValidConstraints(e),n=this.__previousHasConstraints&&!o;(this._hasValue||this.invalid)&&o?this.validate():n&&this._setInvalid(!1),this.__previousHasConstraints=o}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}__isValidConstraint(t){return Boolean(t)||0===t}}))},73406:(t,e,o)=>{o.d(e,{L:()=>p});var n=o(41370),a=o(52628),i=o(87913),r=o(36139),s=o(24946),l=o(61037),d=o(56326);const u=t=>class extends((0,d.J)((0,a.L)(t))){static get properties(){return{clearButtonVisible:{type:Boolean,reflectToAttribute:!0,value:!1}}}get clearElement(){return console.warn(`Please implement the 'clearElement' property in <${this.localName}>`),null}ready(){super.ready(),this.clearElement&&(this.clearElement.addEventListener("mousedown",(t=>this._onClearButtonMouseDown(t))),this.clearElement.addEventListener("click",(t=>this._onClearButtonClick(t))))}_onClearButtonClick(t){t.preventDefault(),this._onClearAction()}_onClearButtonMouseDown(t){t.preventDefault(),l.T||this.inputElement.focus()}_onEscape(t){super._onEscape(t),this.clearButtonVisible&&this.value&&(t.stopPropagation(),this._onClearAction())}_onClearAction(){this._inputElementValue="",this.inputElement.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.inputElement.dispatchEvent(new Event("change",{bubbles:!0}))}};var c=o(17412),h=o(39091);const p=t=>class extends((0,s.W)((0,n.B)((0,h.t)((0,c.f)(u((0,a.L)(t))))))){static get properties(){return{allowedCharPattern:{type:String,observer:"_allowedCharPatternChanged"},autoselect:{type:Boolean,value:!1},name:{type:String,reflectToAttribute:!0},placeholder:{type:String,reflectToAttribute:!0},readonly:{type:Boolean,value:!1,reflectToAttribute:!0},title:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"name","type","placeholder","readonly","invalid","title"]}constructor(){super(),this._boundOnPaste=this._onPaste.bind(this),this._boundOnDrop=this._onDrop.bind(this),this._boundOnBeforeInput=this._onBeforeInput.bind(this)}get slotStyles(){return["\n :is(input[slot='input'], textarea[slot='textarea'])::placeholder {\n font: inherit;\n color: inherit;\n }\n "]}_onFocus(t){super._onFocus(t),this.autoselect&&this.inputElement&&this.inputElement.select()}_onChange(t){t.stopPropagation(),this.validate(),this.dispatchEvent(new CustomEvent("change",{detail:{sourceEvent:t},bubbles:t.bubbles,cancelable:t.cancelable}))}_addInputListeners(t){super._addInputListeners(t),t.addEventListener("paste",this._boundOnPaste),t.addEventListener("drop",this._boundOnDrop),t.addEventListener("beforeinput",this._boundOnBeforeInput)}_removeInputListeners(t){super._removeInputListeners(t),t.removeEventListener("paste",this._boundOnPaste),t.removeEventListener("drop",this._boundOnDrop),t.removeEventListener("beforeinput",this._boundOnBeforeInput)}_onKeyDown(t){super._onKeyDown(t),this.allowedCharPattern&&!this.__shouldAcceptKey(t)&&(t.preventDefault(),this._markInputPrevented())}_markInputPrevented(){this.setAttribute("input-prevented",""),this._preventInputDebouncer=r.dx.debounce(this._preventInputDebouncer,i.Wc.after(200),(()=>{this.removeAttribute("input-prevented")}))}__shouldAcceptKey(t){return t.metaKey||t.ctrlKey||!t.key||1!==t.key.length||this.__allowedCharRegExp.test(t.key)}_onPaste(t){if(this.allowedCharPattern){const e=t.clipboardData.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onDrop(t){if(this.allowedCharPattern){const e=t.dataTransfer.getData("text");this.__allowedTextRegExp.test(e)||(t.preventDefault(),this._markInputPrevented())}}_onBeforeInput(t){this.allowedCharPattern&&t.data&&!this.__allowedTextRegExp.test(t.data)&&(t.preventDefault(),this._markInputPrevented())}_allowedCharPatternChanged(t){if(t)try{this.__allowedCharRegExp=new RegExp(`^${t}$`,"u"),this.__allowedTextRegExp=new RegExp(`^${t}*$`,"u")}catch(t){console.error(t)}}}},62743:(t,e,o)=>{o.d(e,{J:()=>i});var n=o(9392);const a=n.iv`
|
3
|
+
[part='clear-button'] {
|
4
|
+
display: none;
|
5
|
+
cursor: default;
|
6
|
+
}
|
7
|
+
|
8
|
+
[part='clear-button']::before {
|
9
|
+
content: '\\2715';
|
10
|
+
}
|
11
|
+
|
12
|
+
:host([clear-button-visible][has-value]:not([disabled]):not([readonly])) [part='clear-button'] {
|
13
|
+
display: block;
|
14
|
+
}
|
15
|
+
`,i=[n.iv`
|
16
|
+
:host {
|
17
|
+
display: inline-flex;
|
18
|
+
outline: none;
|
19
|
+
}
|
20
|
+
|
21
|
+
:host::before {
|
22
|
+
content: '\\2003';
|
23
|
+
width: 0;
|
24
|
+
display: inline-block;
|
25
|
+
/* Size and position this element on the same vertical position as the input-field element
|
26
|
+
to make vertical align for the host element work as expected */
|
27
|
+
}
|
28
|
+
|
29
|
+
:host([hidden]) {
|
30
|
+
display: none !important;
|
31
|
+
}
|
32
|
+
|
33
|
+
:host(:not([has-label])) [part='label'] {
|
34
|
+
display: none;
|
35
|
+
}
|
36
|
+
|
37
|
+
@media (forced-colors: active) {
|
38
|
+
:host(:not([readonly])) [part='input-field'] {
|
39
|
+
outline: 1px solid;
|
40
|
+
outline-offset: -1px;
|
41
|
+
}
|
42
|
+
:host([focused]) [part='input-field'] {
|
43
|
+
outline-width: 2px;
|
44
|
+
}
|
45
|
+
:host([disabled]) [part='input-field'] {
|
46
|
+
outline-color: GrayText;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
`,n.iv`
|
50
|
+
[class$='container'] {
|
51
|
+
display: flex;
|
52
|
+
flex-direction: column;
|
53
|
+
min-width: 100%;
|
54
|
+
max-width: 100%;
|
55
|
+
width: var(--vaadin-field-default-width, 12em);
|
56
|
+
}
|
57
|
+
`,a]},13553:(t,e,o)=>{o.d(e,{f:()=>d});var n=o(74241),a=o(52807),i=o(51914),r=o(46570);const s=t=>class extends t{static get properties(){return{disabled:{type:Boolean,reflectToAttribute:!0},readonly:{type:Boolean,reflectToAttribute:!0},invalid:{type:Boolean,reflectToAttribute:!0}}}ready(){super.ready(),this.addEventListener("pointerdown",(t=>{t.target===this&&t.preventDefault()})),this.addEventListener("click",(t=>{t.target===this&&this.shadowRoot.querySelector("slot:not([name])").assignedNodes({flatten:!0}).forEach((t=>t.focus&&t.focus()))}))}},l=o(9392).iv`
|
58
|
+
:host {
|
59
|
+
display: flex;
|
60
|
+
align-items: center;
|
61
|
+
flex: 0 1 auto;
|
62
|
+
border-radius:
|
63
|
+
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius */
|
64
|
+
var(--vaadin-input-field-top-start-radius, var(--__border-radius))
|
65
|
+
var(--vaadin-input-field-top-end-radius, var(--__border-radius))
|
66
|
+
var(--vaadin-input-field-bottom-end-radius, var(--__border-radius))
|
67
|
+
var(--vaadin-input-field-bottom-start-radius, var(--__border-radius));
|
68
|
+
--_border-radius: var(--vaadin-input-field-border-radius, 0);
|
69
|
+
--_input-border-width: var(--vaadin-input-field-border-width, 0);
|
70
|
+
--_input-border-color: var(--vaadin-input-field-border-color, transparent);
|
71
|
+
box-shadow: inset 0 0 0 var(--_input-border-width, 0) var(--_input-border-color);
|
72
|
+
}
|
73
|
+
|
74
|
+
:host([dir='rtl']) {
|
75
|
+
border-radius:
|
76
|
+
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
77
|
+
var(--vaadin-input-field-top-end-radius, var(--_border-radius))
|
78
|
+
var(--vaadin-input-field-top-start-radius, var(--_border-radius))
|
79
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_border-radius))
|
80
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_border-radius));
|
81
|
+
}
|
82
|
+
|
83
|
+
:host([hidden]) {
|
84
|
+
display: none !important;
|
85
|
+
}
|
86
|
+
|
87
|
+
/* Reset the native input styles */
|
88
|
+
::slotted(input) {
|
89
|
+
-webkit-appearance: none;
|
90
|
+
-moz-appearance: none;
|
91
|
+
flex: auto;
|
92
|
+
white-space: nowrap;
|
93
|
+
overflow: hidden;
|
94
|
+
width: 100%;
|
95
|
+
height: 100%;
|
96
|
+
outline: none;
|
97
|
+
margin: 0;
|
98
|
+
padding: 0;
|
99
|
+
border: 0;
|
100
|
+
border-radius: 0;
|
101
|
+
min-width: 0;
|
102
|
+
font: inherit;
|
103
|
+
line-height: normal;
|
104
|
+
color: inherit;
|
105
|
+
background-color: transparent;
|
106
|
+
/* Disable default invalid style in Firefox */
|
107
|
+
box-shadow: none;
|
108
|
+
}
|
109
|
+
|
110
|
+
::slotted(*) {
|
111
|
+
flex: none;
|
112
|
+
}
|
113
|
+
|
114
|
+
::slotted(:is(input, textarea))::placeholder {
|
115
|
+
/* Use ::slotted(input:placeholder-shown) in themes to style the placeholder. */
|
116
|
+
/* because ::slotted(...)::placeholder does not work in Safari. */
|
117
|
+
font: inherit;
|
118
|
+
color: inherit;
|
119
|
+
/* Override default opacity in Firefox */
|
120
|
+
opacity: 1;
|
121
|
+
}
|
122
|
+
`;(0,r.hC)("vaadin-input-container",l,{moduleId:"vaadin-input-container-styles"});class d extends(s((0,r.Tb)((0,i.U)(n.H3)))){static get is(){return"vaadin-input-container"}static get template(){return n.dy`
|
123
|
+
<slot name="prefix"></slot>
|
124
|
+
<slot></slot>
|
125
|
+
<slot name="suffix"></slot>
|
126
|
+
`}}(0,a.M)(d)},21578:(t,e,o)=>{o(51195),o(79098),o(29849),o(34173);var n=o(46570);(0,n.hC)("vaadin-input-container",n.iv`
|
127
|
+
:host {
|
128
|
+
background: var(--_background);
|
129
|
+
padding: 0 calc(0.375em + var(--_input-container-radius) / 4 - 1px);
|
130
|
+
font-weight: 500;
|
131
|
+
line-height: 1;
|
132
|
+
position: relative;
|
133
|
+
cursor: text;
|
134
|
+
box-sizing: border-box;
|
135
|
+
border-radius:
|
136
|
+
/* See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#syntax */
|
137
|
+
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
138
|
+
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
139
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius))
|
140
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius));
|
141
|
+
/* Fallback */
|
142
|
+
--_input-container-radius: var(--vaadin-input-field-border-radius, var(--lumo-border-radius-m));
|
143
|
+
/* Default values */
|
144
|
+
--_background: var(--vaadin-input-field-background, var(--lumo-contrast-10pct));
|
145
|
+
--_hover-highlight: var(--vaadin-input-field-hover-highlight, var(--lumo-contrast-50pct));
|
146
|
+
--_input-border-color: var(--vaadin-input-field-border-color, var(--lumo-contrast-50pct));
|
147
|
+
--_icon-color: var(--vaadin-input-field-icon-color, var(--lumo-contrast-60pct));
|
148
|
+
--_icon-size: var(--vaadin-input-field-icon-size, var(--lumo-icon-size-m));
|
149
|
+
--_invalid-background: var(--vaadin-input-field-invalid-background, var(--lumo-error-color-10pct));
|
150
|
+
--_invalid-hover-highlight: var(--vaadin-input-field-invalid-hover-highlight, var(--lumo-error-color-50pct));
|
151
|
+
}
|
152
|
+
|
153
|
+
:host([dir='rtl']) {
|
154
|
+
border-radius:
|
155
|
+
/* Don't use logical props, see https://github.com/vaadin/vaadin-time-picker/issues/145 */
|
156
|
+
var(--vaadin-input-field-top-end-radius, var(--_input-container-radius))
|
157
|
+
var(--vaadin-input-field-top-start-radius, var(--_input-container-radius))
|
158
|
+
var(--vaadin-input-field-bottom-start-radius, var(--_input-container-radius))
|
159
|
+
var(--vaadin-input-field-bottom-end-radius, var(--_input-container-radius));
|
160
|
+
}
|
161
|
+
|
162
|
+
/* Used for hover and activation effects */
|
163
|
+
:host::after {
|
164
|
+
content: '';
|
165
|
+
position: absolute;
|
166
|
+
inset: 0;
|
167
|
+
border-radius: inherit;
|
168
|
+
pointer-events: none;
|
169
|
+
background: var(--_hover-highlight);
|
170
|
+
opacity: 0;
|
171
|
+
transition: transform 0.15s, opacity 0.2s;
|
172
|
+
transform-origin: 100% 0;
|
173
|
+
}
|
174
|
+
|
175
|
+
::slotted(:not([slot$='fix'])) {
|
176
|
+
cursor: inherit;
|
177
|
+
min-height: var(--lumo-text-field-size, var(--lumo-size-m));
|
178
|
+
padding: 0 0.25em;
|
179
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent, #000 1.25em);
|
180
|
+
-webkit-mask-image: var(--_lumo-text-field-overflow-mask-image);
|
181
|
+
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
182
|
+
}
|
183
|
+
|
184
|
+
/* Read-only */
|
185
|
+
:host([readonly]) {
|
186
|
+
color: var(--lumo-secondary-text-color);
|
187
|
+
background-color: transparent;
|
188
|
+
cursor: default;
|
189
|
+
}
|
190
|
+
|
191
|
+
:host([readonly])::after {
|
192
|
+
background-color: transparent;
|
193
|
+
opacity: 1;
|
194
|
+
border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct));
|
195
|
+
}
|
196
|
+
|
197
|
+
/* Disabled */
|
198
|
+
:host([disabled]) {
|
199
|
+
background-color: var(--lumo-contrast-5pct);
|
200
|
+
}
|
201
|
+
|
202
|
+
:host([disabled]) ::slotted(*) {
|
203
|
+
color: var(--lumo-disabled-text-color);
|
204
|
+
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
205
|
+
}
|
206
|
+
|
207
|
+
/* Invalid */
|
208
|
+
:host([invalid]) {
|
209
|
+
background: var(--_invalid-background);
|
210
|
+
}
|
211
|
+
|
212
|
+
:host([invalid])::after {
|
213
|
+
background: var(--_invalid-hover-highlight);
|
214
|
+
}
|
215
|
+
|
216
|
+
/* Slotted icons */
|
217
|
+
::slotted(vaadin-icon) {
|
218
|
+
color: var(--_icon-color);
|
219
|
+
width: var(--_icon-size);
|
220
|
+
height: var(--_icon-size);
|
221
|
+
}
|
222
|
+
|
223
|
+
/* Vaadin icons are based on a 16x16 grid (unlike Lumo and Material icons with 24x24), so they look too big by default */
|
224
|
+
::slotted(vaadin-icon[icon^='vaadin:']) {
|
225
|
+
padding: 0.25em;
|
226
|
+
box-sizing: border-box !important;
|
227
|
+
}
|
228
|
+
|
229
|
+
/* Text align */
|
230
|
+
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
231
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent, #000 1.25em);
|
232
|
+
}
|
233
|
+
|
234
|
+
@-moz-document url-prefix() {
|
235
|
+
:host([dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
236
|
+
mask-image: var(--_lumo-text-field-overflow-mask-image);
|
237
|
+
}
|
238
|
+
}
|
239
|
+
|
240
|
+
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
241
|
+
text-align: start;
|
242
|
+
--_lumo-text-field-overflow-mask-image: none;
|
243
|
+
}
|
244
|
+
|
245
|
+
:host([theme~='align-center']) ::slotted(:not([slot$='fix'])) {
|
246
|
+
text-align: center;
|
247
|
+
--_lumo-text-field-overflow-mask-image: none;
|
248
|
+
}
|
249
|
+
|
250
|
+
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
251
|
+
text-align: end;
|
252
|
+
--_lumo-text-field-overflow-mask-image: none;
|
253
|
+
}
|
254
|
+
|
255
|
+
@-moz-document url-prefix() {
|
256
|
+
/* Firefox is smart enough to align overflowing text to right */
|
257
|
+
:host([theme~='align-right']) ::slotted(:not([slot$='fix'])) {
|
258
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
259
|
+
}
|
260
|
+
}
|
261
|
+
|
262
|
+
@-moz-document url-prefix() {
|
263
|
+
/* Firefox is smart enough to align overflowing text to right */
|
264
|
+
:host([theme~='align-left']) ::slotted(:not([slot$='fix'])) {
|
265
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
266
|
+
}
|
267
|
+
}
|
268
|
+
|
269
|
+
/* RTL specific styles */
|
270
|
+
:host([dir='rtl'])::after {
|
271
|
+
transform-origin: 0% 0;
|
272
|
+
}
|
273
|
+
|
274
|
+
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
275
|
+
--_lumo-text-field-overflow-mask-image: none;
|
276
|
+
}
|
277
|
+
|
278
|
+
:host([theme~='align-center'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
279
|
+
--_lumo-text-field-overflow-mask-image: none;
|
280
|
+
}
|
281
|
+
|
282
|
+
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
283
|
+
--_lumo-text-field-overflow-mask-image: none;
|
284
|
+
}
|
285
|
+
|
286
|
+
@-moz-document url-prefix() {
|
287
|
+
/* Firefox is smart enough to align overflowing text to right */
|
288
|
+
:host([theme~='align-right'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
289
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to right, transparent 0.25em, #000 1.5em);
|
290
|
+
}
|
291
|
+
}
|
292
|
+
|
293
|
+
@-moz-document url-prefix() {
|
294
|
+
/* Firefox is smart enough to align overflowing text to right */
|
295
|
+
:host([theme~='align-left'][dir='rtl']) ::slotted(:not([slot$='fix'])) {
|
296
|
+
--_lumo-text-field-overflow-mask-image: linear-gradient(to left, transparent 0.25em, #000 1.5em);
|
297
|
+
}
|
298
|
+
}
|
299
|
+
`,{moduleId:"lumo-input-container"})},71189:(t,e,o)=>{o(24407);var n=o(46570),a=o(32463);const i=o.p+"bcdfe87ae253c2cf789c9a737f8d8c22.woff",r=(0,n.$m)(`\n @font-face {\n font-family: 'lumo-icons';\n src: url('${i}') format('woff'),\n url(data:application/font-woff;charset=utf-8;base64,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) format('woff');\n font-weight: normal;\n font-style: normal;\n }\n\n html {\n --lumo-icons-align-center: '\\ea01';\n --lumo-icons-align-left: '\\ea02';\n --lumo-icons-align-right: '\\ea03';\n --lumo-icons-angle-down: '\\ea04';\n --lumo-icons-angle-left: '\\ea05';\n --lumo-icons-angle-right: '\\ea06';\n --lumo-icons-angle-up: '\\ea07';\n --lumo-icons-arrow-down: '\\ea08';\n --lumo-icons-arrow-left: '\\ea09';\n --lumo-icons-arrow-right: '\\ea0a';\n --lumo-icons-arrow-up: '\\ea0b';\n --lumo-icons-bar-chart: '\\ea0c';\n --lumo-icons-bell: '\\ea0d';\n --lumo-icons-calendar: '\\ea0e';\n --lumo-icons-checkmark: '\\ea0f';\n --lumo-icons-chevron-down: '\\ea10';\n --lumo-icons-chevron-left: '\\ea11';\n --lumo-icons-chevron-right: '\\ea12';\n --lumo-icons-chevron-up: '\\ea13';\n --lumo-icons-clock: '\\ea14';\n --lumo-icons-cog: '\\ea15';\n --lumo-icons-cross: '\\ea16';\n --lumo-icons-download: '\\ea17';\n --lumo-icons-dropdown: '\\ea18';\n --lumo-icons-edit: '\\ea19';\n --lumo-icons-error: '\\ea1a';\n --lumo-icons-eye: '\\ea1b';\n --lumo-icons-eye-disabled: '\\ea1c';\n --lumo-icons-menu: '\\ea1d';\n --lumo-icons-minus: '\\ea1e';\n --lumo-icons-ordered-list: '\\ea1f';\n --lumo-icons-phone: '\\ea20';\n --lumo-icons-photo: '\\ea21';\n --lumo-icons-play: '\\ea22';\n --lumo-icons-plus: '\\ea23';\n --lumo-icons-redo: '\\ea24';\n --lumo-icons-reload: '\\ea25';\n --lumo-icons-search: '\\ea26';\n --lumo-icons-undo: '\\ea27';\n --lumo-icons-unordered-list: '\\ea28';\n --lumo-icons-upload: '\\ea29';\n --lumo-icons-user: '\\ea2a';\n }\n`);(0,a.K)("font-icons",r)},14398:(t,e,o)=>{o.d(e,{q:()=>a}),o(51195),o(71189),o(79098),o(29849);var n=o(46570);const a=n.iv`
|
300
|
+
[part$='button'] {
|
301
|
+
flex: none;
|
302
|
+
width: 1em;
|
303
|
+
height: 1em;
|
304
|
+
line-height: 1;
|
305
|
+
font-size: var(--lumo-icon-size-m);
|
306
|
+
text-align: center;
|
307
|
+
color: var(--lumo-contrast-60pct);
|
308
|
+
transition: 0.2s color;
|
309
|
+
cursor: var(--lumo-clickable-cursor);
|
310
|
+
}
|
311
|
+
|
312
|
+
[part$='button']:hover {
|
313
|
+
color: var(--lumo-contrast-90pct);
|
314
|
+
}
|
315
|
+
|
316
|
+
:host([disabled]) [part$='button'],
|
317
|
+
:host([readonly]) [part$='button'] {
|
318
|
+
color: var(--lumo-contrast-20pct);
|
319
|
+
cursor: default;
|
320
|
+
}
|
321
|
+
|
322
|
+
[part$='button']::before {
|
323
|
+
font-family: 'lumo-icons';
|
324
|
+
display: block;
|
325
|
+
}
|
326
|
+
`;(0,n.hC)("",a,{moduleId:"lumo-field-button"})},83208:(t,e,o)=>{o.d(e,{J:()=>l}),o(51195),o(71189),o(79098),o(29416),o(29849),o(34173);var n=o(46570),a=o(14398),i=o(82982),r=o(1251);const s=n.iv`
|
327
|
+
:host {
|
328
|
+
--lumo-text-field-size: var(--lumo-size-m);
|
329
|
+
color: var(--vaadin-input-field-value-color, var(--lumo-body-text-color));
|
330
|
+
font-size: var(--vaadin-input-field-value-font-size, var(--lumo-font-size-m));
|
331
|
+
font-weight: var(--vaadin-input-field-value-font-weight, 400);
|
332
|
+
font-family: var(--lumo-font-family);
|
333
|
+
-webkit-font-smoothing: antialiased;
|
334
|
+
-moz-osx-font-smoothing: grayscale;
|
335
|
+
-webkit-tap-highlight-color: transparent;
|
336
|
+
padding: var(--lumo-space-xs) 0;
|
337
|
+
--_focus-ring-color: var(--vaadin-focus-ring-color, var(--lumo-primary-color-50pct));
|
338
|
+
--_focus-ring-width: var(--vaadin-focus-ring-width, 2px);
|
339
|
+
--_input-height: var(--vaadin-input-field-height, var(--lumo-text-field-size));
|
340
|
+
}
|
341
|
+
|
342
|
+
:host::before {
|
343
|
+
height: var(--_input-height);
|
344
|
+
box-sizing: border-box;
|
345
|
+
display: inline-flex;
|
346
|
+
align-items: center;
|
347
|
+
}
|
348
|
+
|
349
|
+
:host([focused]) [part='input-field'] ::slotted(:is(input, textarea)) {
|
350
|
+
-webkit-mask-image: none;
|
351
|
+
mask-image: none;
|
352
|
+
}
|
353
|
+
|
354
|
+
::slotted(:is(input, textarea):placeholder-shown) {
|
355
|
+
color: var(--vaadin-input-field-placeholder-color, var(--lumo-secondary-text-color));
|
356
|
+
}
|
357
|
+
|
358
|
+
/* Hover */
|
359
|
+
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
360
|
+
opacity: var(--vaadin-input-field-hover-highlight-opacity, 0.1);
|
361
|
+
}
|
362
|
+
|
363
|
+
/* Touch device adjustment */
|
364
|
+
@media (pointer: coarse) {
|
365
|
+
:host(:hover:not([readonly]):not([focused])) [part='input-field']::after {
|
366
|
+
opacity: 0;
|
367
|
+
}
|
368
|
+
|
369
|
+
:host(:active:not([readonly]):not([focused])) [part='input-field']::after {
|
370
|
+
opacity: 0.2;
|
371
|
+
}
|
372
|
+
}
|
373
|
+
|
374
|
+
/* Trigger when not focusing using the keyboard */
|
375
|
+
:host([focused]:not([focus-ring]):not([readonly])) [part='input-field']::after {
|
376
|
+
transform: scaleX(0);
|
377
|
+
transition-duration: 0.15s, 1s;
|
378
|
+
}
|
379
|
+
|
380
|
+
/* Focus-ring */
|
381
|
+
:host([focus-ring]) [part='input-field'] {
|
382
|
+
box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
|
383
|
+
}
|
384
|
+
|
385
|
+
/* Read-only and disabled */
|
386
|
+
:host(:is([readonly], [disabled])) ::slotted(:is(input, textarea):placeholder-shown) {
|
387
|
+
opacity: 0;
|
388
|
+
}
|
389
|
+
|
390
|
+
/* Read-only style */
|
391
|
+
:host([readonly]) {
|
392
|
+
--vaadin-input-field-border-color: transparent;
|
393
|
+
}
|
394
|
+
|
395
|
+
/* Disabled style */
|
396
|
+
:host([disabled]) {
|
397
|
+
pointer-events: none;
|
398
|
+
--vaadin-input-field-border-color: var(--lumo-contrast-20pct);
|
399
|
+
}
|
400
|
+
|
401
|
+
:host([disabled]) [part='label'],
|
402
|
+
:host([disabled]) [part='input-field'] ::slotted(*) {
|
403
|
+
color: var(--lumo-disabled-text-color);
|
404
|
+
-webkit-text-fill-color: var(--lumo-disabled-text-color);
|
405
|
+
}
|
406
|
+
|
407
|
+
/* Invalid style */
|
408
|
+
:host([invalid]) {
|
409
|
+
--vaadin-input-field-border-color: var(--lumo-error-color);
|
410
|
+
}
|
411
|
+
|
412
|
+
:host([invalid][focus-ring]) [part='input-field'] {
|
413
|
+
box-shadow: 0 0 0 2px var(--lumo-error-color-50pct);
|
414
|
+
}
|
415
|
+
|
416
|
+
:host([input-prevented]) [part='input-field'] {
|
417
|
+
animation: shake 0.15s infinite;
|
418
|
+
}
|
419
|
+
|
420
|
+
@keyframes shake {
|
421
|
+
25% {
|
422
|
+
transform: translateX(4px);
|
423
|
+
}
|
424
|
+
75% {
|
425
|
+
transform: translateX(-4px);
|
426
|
+
}
|
427
|
+
}
|
428
|
+
|
429
|
+
/* Small theme */
|
430
|
+
:host([theme~='small']) {
|
431
|
+
font-size: var(--lumo-font-size-s);
|
432
|
+
--lumo-text-field-size: var(--lumo-size-s);
|
433
|
+
}
|
434
|
+
|
435
|
+
:host([theme~='small']) [part='label'] {
|
436
|
+
font-size: var(--lumo-font-size-xs);
|
437
|
+
}
|
438
|
+
|
439
|
+
:host([theme~='small']) [part='error-message'] {
|
440
|
+
font-size: var(--lumo-font-size-xxs);
|
441
|
+
}
|
442
|
+
|
443
|
+
/* Slotted content */
|
444
|
+
[part='input-field'] ::slotted(:not(vaadin-icon):not(input):not(textarea)) {
|
445
|
+
color: var(--lumo-secondary-text-color);
|
446
|
+
font-weight: 400;
|
447
|
+
}
|
448
|
+
|
449
|
+
[part='clear-button']::before {
|
450
|
+
content: var(--lumo-icons-cross);
|
451
|
+
}
|
452
|
+
`,l=[r.l,a.q,i._,s];(0,n.hC)("",l,{moduleId:"lumo-input-field-shared-styles"})}}]);
|
@@ -0,0 +1,17 @@
|
|
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
|
+
*/
|
12
|
+
|
13
|
+
/**
|
14
|
+
* @license
|
15
|
+
* Copyright (c) 2021 - 2023 Vaadin Ltd..
|
16
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
17
|
+
*/
|
package/dist/umd/8191.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/*! For license information please see 8191.js.LICENSE.txt */
|
2
|
-
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8191],{
|
2
|
+
"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[8191],{20764:(e,t,a)=>{var o=a(74241),r=a(52807),i=a(12521),n=a(34463),s=a(46570),c=a(61224),l=a(41370),d=a(16281),h=a(73208),u=a(26821),p=a(46729);const v=e=>class extends((0,u.h)((0,d.h)((0,l.B)((0,c.D)(e))))){static get properties(){return{indeterminate:{type:Boolean,notify:!0,value:!1,reflectToAttribute:!0},name:{type:String,value:""},tabindex:{type:Number,value:0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"indeterminate"]}static get delegateAttrs(){return[...super.delegateAttrs,"name"]}constructor(){super(),this._setType("checkbox"),this.value="on"}ready(){super.ready(),this.addController(new h.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new p.v(this.inputElement,this._labelController))}_shouldSetActive(e){return"a"!==e.target.localName&&super._shouldSetActive(e)}_toggleChecked(e){this.indeterminate&&(this.indeterminate=!1),super._toggleChecked(e)}},b=s.iv`
|
3
3
|
:host {
|
4
4
|
display: inline-block;
|
5
5
|
}
|
@@ -77,14 +77,14 @@
|
|
77
77
|
outline-width: 2px;
|
78
78
|
}
|
79
79
|
}
|
80
|
-
`;(0,s.hC)("vaadin-checkbox",
|
80
|
+
`;(0,s.hC)("vaadin-checkbox",b,{moduleId:"vaadin-checkbox-styles"});class m extends(v((0,i.S)((0,s.Tb)(o.H3)))){static get is(){return"vaadin-checkbox"}static get template(){return o.dy`
|
81
81
|
<div class="vaadin-checkbox-container">
|
82
82
|
<div part="checkbox" aria-hidden="true"></div>
|
83
83
|
<slot name="input"></slot>
|
84
84
|
<slot name="label"></slot>
|
85
85
|
</div>
|
86
86
|
<slot name="tooltip"></slot>
|
87
|
-
`}ready(){super.ready(),this._tooltipController=new n.f(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.M)(
|
87
|
+
`}ready(){super.ready(),this._tooltipController=new n.f(this),this._tooltipController.setAriaTarget(this.inputElement),this.addController(this._tooltipController)}}(0,r.M)(m)},38473:(e,t,a)=>{a(51195),a(71189),a(79098),a(29416),a(29849),a(34173);var o=a(46570);(0,o.hC)("vaadin-checkbox",o.iv`
|
88
88
|
:host {
|
89
89
|
color: var(--vaadin-checkbox-label-color, var(--lumo-body-text-color));
|
90
90
|
font-size: var(--vaadin-checkbox-label-font-size, var(--lumo-font-size-m));
|
@@ -241,7 +241,7 @@
|
|
241
241
|
transform: scale(0);
|
242
242
|
opacity: 0.4;
|
243
243
|
}
|
244
|
-
`,{moduleId:"lumo-checkbox"})},93556:(e,t,a)=>{a(38473),a(
|
244
|
+
`,{moduleId:"lumo-checkbox"})},93556:(e,t,a)=>{a(38473),a(20764)},43092:(e,t,a)=>{a(93556),a(20764)},16281:(e,t,a)=>{a.d(t,{h:()=>s});var o=a(91014),r=a(95229),i=(a(3550),a(86328)),n=a(56326);const s=(0,o.o)((e=>class extends((0,i.A)((0,r.f)((0,n.J)(e)))){static get properties(){return{checked:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0}}}static get delegateProps(){return[...super.delegateProps,"checked"]}_onChange(e){const t=e.target;this._toggleChecked(t.checked)}_toggleChecked(e){this.checked=e}}))},20422:(e,t,a)=>{a.d(t,{j:()=>r});var o=a(73406);const r=e=>class extends((0,o.L)(e)){static get properties(){return{autocomplete:{type:String},autocorrect:{type:String},autocapitalize:{type:String,reflectToAttribute:!0}}}static get delegateAttrs(){return[...super.delegateAttrs,"autocapitalize","autocomplete","autocorrect"]}get __data(){return this.__dataValue||{}}set __data(e){this.__dataValue=e}_inputElementChanged(e){super._inputElementChanged(e),e&&(e.value&&e.value!==this.value&&(console.warn(`Please define value on the <${this.localName}> component!`),e.value=""),this.value&&(e.value=this.value))}_setFocused(e){super._setFocused(e),!e&&document.hasFocus()&&this.validate()}_onInput(e){super._onInput(e),this.invalid&&this.validate()}_valueChanged(e,t){super._valueChanged(e,t),void 0!==t&&this.invalid&&this.validate()}}},18005:(e,t,a)=>{a.d(t,{n:()=>p}),a(13553);var o=a(74241),r=a(52807),i=a(12521),n=a(34463),s=a(62743),c=a(46570),l=a(73208),d=a(20422),h=a(46729);const u=e=>class extends((0,d.j)(e)){static get properties(){return{maxlength:{type:Number},minlength:{type:Number},pattern:{type:String}}}static get delegateAttrs(){return[...super.delegateAttrs,"maxlength","minlength","pattern"]}static get constraints(){return[...super.constraints,"maxlength","minlength","pattern"]}constructor(){super(),this._setType("text")}get clearElement(){return this.$.clearButton}ready(){super.ready(),this.addController(new l.b(this,(e=>{this._setInputElement(e),this._setFocusElement(e),this.stateTarget=e,this.ariaTarget=e}))),this.addController(new h.v(this.inputElement,this._labelController))}};(0,c.hC)("vaadin-text-field",s.J,{moduleId:"vaadin-text-field-styles"});class p extends(u((0,c.Tb)((0,i.S)(o.H3)))){static get is(){return"vaadin-text-field"}static get template(){return o.dy`
|
245
245
|
<style>
|
246
246
|
[part='input-field'] {
|
247
247
|
flex-grow: 0;
|